docs: fix import QuillEditor

Author: luthfimasruri

docs/content/.vitepress/theme/index.js

@@ -10,8 +10,8 @@ import "@vueup/vue-quill/dist/vue-quill.snow.css"; // for snow theme
 const QuillEditor = defineAsyncComponent({
   loader: () =>
     process.env.NODE_ENV === "production"
-      ? import("@vueup/vue-quill")
-      : import("../../../../src/main")
+      ? import("@vueup/vue-quill").then((VueQuill) => VueQuill.QuillEditor)
+      : import("../../../../src/main").then((VueQuill) => VueQuill.QuillEditor)
 })
 
 import './base.css'

docs/content/api/export.md

@@ -6,18 +6,15 @@
 
 ~~~ js 
 export { QuillEditor, Quill }
-export default QuillEditor
 ~~~
 
 # Import
 
 ~~~ javascript
 // ES6
-import QuillEditor from '@vueup/vue-quill';
 import { QuillEditor, Quill } from '@vueup/vue-quill';
 
 // CommonJS
-const QuillEditor = require('@vueup/vue-quill').default;
 const { QuillEditor, Quill } = require('@vueup/vue-quill');
 ~~~
 

docs/content/api/index.md

@@ -63,7 +63,7 @@
 
   ~~~ js
   import { createApp } from 'vue'
-  import QuillEditor from '@vueup/vue-quill'
+  import { QuillEditor } from '@vueup/vue-quill'
 
   const app = createApp()
   // define your options

docs/content/guide/options.md

@@ -10,7 +10,7 @@ Only use `options` prop when you register QuillEditor component locally
 
 - **Usage:**
   ``` javascript
-  import QuillEditor from '@vueup/vue-quill'
+  import { QuillEditor } from '@vueup/vue-quill'
   import '@vueup/vue-quill/dist/vue-quill.snow.css';
 
   export default {
@@ -51,7 +51,7 @@ Only use `globalOptions` prop when you register the QuillEditor component global
 
   ``` js
   import { createApp } from 'vue'
-  import QuillEditor from '@vueup/vue-quill'
+  import { QuillEditor } from '@vueup/vue-quill'
 
   const app = createApp()
   // define your options

docs/content/guide/usage.md

@@ -25,7 +25,7 @@ We're showing you a simple example here, but in a typical Vue application, we us
 
 ``` javascript
 import { createApp } from 'vue'
-import QuillEditor from '@vueup/vue-quill'
+import { QuillEditor } from '@vueup/vue-quill'
 import '@vueup/vue-quill/dist/vue-quill.snow.css';
 
 const app = createApp()
@@ -35,7 +35,7 @@ app.component('QuillEditor', QuillEditor)
 **or Local Registration:**
 
 ``` javascript
-import QuillEditor from '@vueup/vue-quill'
+import { QuillEditor } from '@vueup/vue-quill'
 import '@vueup/vue-quill/dist/vue-quill.snow.css';
 
 export default {