import all packages for live demo

docs/src/components/LiveDemo/index.vue

@@ -23,10 +23,21 @@
   </div>
 </template>
 
+<static-query>
+query {
+  packages: allPackage {
+    edges {
+      node {
+        name
+      }
+    }
+  }
+}
+</static-query>
+
 <script>
 import collect from 'collect.js'
 import { VueLive } from 'vue-live'
-import * as starterKit from '@tiptap/vue-starter-kit'
 import CustomLayout from './CustomLayout'
 
 export default {
@@ -50,13 +61,25 @@ export default {
       syntax: {
         vue: 'markup',
       },
-      requires: {
-        '@tiptap/vue-starter-kit': starterKit,
-      },
     }
   },
 
   computed: {
+    requires() {
+      const names = this.$static.packages.edges
+        .map(item => item.node.name)
+        .filter(name => name !== 'html')
+
+      const packages = Object.fromEntries(names.map(name => {
+        const module = require(`~/../../packages/${name}/index.ts`)
+        const onlyDefault = module.default && Object.keys(module).length === 1
+
+        return [`@tiptap/${name}`, onlyDefault ? module.default : module]
+      }))
+
+      return packages
+    },
+
     file() {
       return this.files[0]
     },