diff --git a/doc/cn/use.md b/doc/cn/use.md
index 5da557b3f..1d075dc50 100644
--- a/doc/cn/use.md
+++ b/doc/cn/use.md
@@ -66,7 +66,7 @@
     var editor = require('./editor.vue');
     createApp({
         render: () => h(editor)
-    }).use(sMd).mount('#main');
+    }).mount('#main');
 ```
 `index.html`:
 ```html
diff --git a/doc/en/use.md b/doc/en/use.md
index 573cfd923..a4a5ad2e5 100644
--- a/doc/en/use.md
+++ b/doc/en/use.md
@@ -5,18 +5,12 @@
 ```javascript
     // Global Registration
     // import with ES6
-    import Vue from 'vue'
+    import { createApp } from 'vue'
+    import App from './app.vue';
     import mavonEditor from 'mavon-editor'
     import 'mavon-editor/dist/css/index.css'
-
     // use
-    Vue.use(mavonEditor)
-    new Vue({
-        'el': '#main',
-        data() {
-            return { value: '' }
-        }
-    })
+    createApp(App).use(mavonEditor).mount('#app')
 ```
 `index.html`
 ```html
@@ -69,12 +63,11 @@
 `index.js`:
 ```javascript
 	// The same below
-    import Vue from 'vue';
+    import { createApp, h } from 'vue'
     var editor = require('./editor.vue');
-    new Vue({
-        el: '#main',
-        render: h => h(editor)
-    });
+    createApp({
+        render: () => h(editor)
+    }).mount('#main');
 ```
 `index.html`:
 ```html
diff --git a/src/dev/index.js b/src/dev/index.js
index e625d86d0..ea9d7b279 100644
--- a/src/dev/index.js
+++ b/src/dev/index.js
@@ -10,8 +10,8 @@
  */
 
 import { createApp, h } from 'vue';
-import editor from './app.vue';
-var sMd = require('../index.js');
+import editor from './editor.vue';
+import sMd from '../index'
 
 createApp({
     render: () => h(editor)