chore: ♻️ update demo

Author: luthfimasruri

demo/src/examples/AddModules.vue

@@ -5,22 +5,21 @@
 
 <script lang="ts">
 import { ref, defineComponent } from 'vue'
-import { QuillEditor, Delta, Module } from '@vueup/vue-quill'
+import { QuillEditor, Delta } from '@vueup/vue-quill'
 import BlotFormatter from 'quill-blot-formatter'
-import '@vueup/vue-quill/../dist/vue-quill.snow.css'
 
 export default defineComponent({
   components: {
     QuillEditor,
   },
   setup: () => {
-    const modules: Module = [
-      'blotFormatter',
-      BlotFormatter,
-      {
+    const modules = {
+      name: 'blotFormatter',
+      module: BlotFormatter,
+      options: {
         /* options */
       },
-    ]
+    }
     const content = ref<Delta>(
       new Delta([
         { insert: 'Gandalf', attributes: { bold: true } },

demo/src/examples/BasicExample.vue

@@ -6,7 +6,6 @@
 <script lang="ts">
 import { ref, defineComponent } from 'vue'
 import { QuillEditor, Delta } from '@vueup/vue-quill'
-import '@vueup/vue-quill/../dist/vue-quill.snow.css'
 
 export default defineComponent({
   components: {

demo/src/examples/ContentType.vue

@@ -11,7 +11,6 @@
 <script lang="ts">
 import { ref, defineComponent } from 'vue'
 import { QuillEditor, Delta } from '@vueup/vue-quill'
-import '@vueup/vue-quill/../dist/vue-quill.snow.css'
 
 export default defineComponent({
   components: {

demo/src/main.ts

@@ -1,4 +1,7 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
+import '@vueup/vue-quill/../dist/vue-quill.bubble.css'
+import '@vueup/vue-quill/../dist/vue-quill.snow.css'
+
 createApp(App).mount('#app')