diff --git a/packages/info/index.js b/packages/info/index.js
new file mode 100644
index 000000000..8a9f5a33c
--- /dev/null
+++ b/packages/info/index.js
@@ -0,0 +1,13 @@
+import { use, isDef } from '../utils';
+
+const [sfc, bem] = use('info');
+
+export default sfc({
+  props: {
+    info: [String, Number]
+  },
+
+  render(h) {
+    return isDef(this.info) && <div class={bem()}>{this.info}</div>;
+  }
+});
diff --git a/packages/info/index.vue b/packages/info/index.vue
deleted file mode 100644
index 205d697d3..000000000
--- a/packages/info/index.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div
-    v-if="isDef(info)"
-    v-text="info"
-    :class="b()"
-  />
-</template>
-
-<script>
-import create from '../utils/create-basic';
-
-export default create({
-  name: 'info',
-
-  props: {
-    info: [String, Number]
-  }
-});
-</script>