docs: 📝 update modules docs

Author: luthfimasruri

docs/components/demo/DemoEditor.vue

@@ -33,11 +33,8 @@
         ref="myEditor"
         class="h-64 sm:h-96"
         v-model:content="myContent"
-        @ready="handleReady"
-        @textChange="handleTextChange"
         :theme="selectedTheme"
         :toolbar="selectedToolbar"
-        :modules="myModules"
       >
       </QuillEditor>
     </div>
@@ -48,20 +45,12 @@
 import { defineComponent, watch, ref } from 'vue'
 import VOptions from '../VOptions.vue'
 import { deltaContent } from './delta-content'
-import BlotFormatter from 'quill-blot-formatter'
 
 export default defineComponent({
   components: { VOptions },
   setup: () => {
     const myEditor = ref()
     const myContent = ref(deltaContent)
-    const myModules = [
-      'blotFormatter',
-      BlotFormatter,
-      {
-        /* options */
-      },
-    ]
 
     // ============ OPTIONS =====================
     const selectedTheme = ref<string>('snow')
@@ -74,10 +63,10 @@ export default defineComponent({
     return {
       selectedTheme,
       selectedToolbar,
+      // handleReady,
       // ---------------
       myEditor,
       myContent,
-      myModules,
     }
   },
 })

docs/content/api/index.md

@@ -52,8 +52,7 @@
   Toolbar options to configure the default toolbar icons using an array of format names, see [Toolbar](../guide/toolbar.md) section for more details.
 
 ## modules
-- **Type:** `[string, any, object] | [string, any, object][]`
-- **Type Description:** `[name, module, options]`
+- **Type:** `Object | Object[]`
 
   Options to register modules, see [Modules](../guide/modules.md) section for more details.
 

docs/content/guide/modules.md

@@ -21,7 +21,11 @@ export default defineComponent({
     QuillEditor,
   },
   setup: () => {
-    const modules = ['blotFormatter',  BlotFormatter, {/* options */},]
+    const modules = {
+      name: 'blotFormatter',  
+      module: BlotFormatter, 
+      options: {/* options */}
+    }
     return { modules }
   },
 })