add basic extension classes

docs/gridsome.server.js

@@ -95,7 +95,7 @@ module.exports = function (api) {
       .test(/\.tsx?$/)
       .use()
       .loader('ts-loader')
-      .options({ transpileOnly: false, appendTsSuffixTo: [/\.vue$/] })
+      .options({ transpileOnly: true, appendTsSuffixTo: [/\.vue$/] })
 
     config.module
       .rule('jsx')

docs/src/components/LiveDemo/index.vue

@@ -66,18 +66,19 @@ export default {
 
   computed: {
     requires() {
-      const names = this.$static.packages.edges
-        .map(item => item.node.name)
-        .filter(name => name !== 'html')
+      // 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
+      // 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 [`@tiptap/${name}`, onlyDefault ? module.default : module]
+      // }))
 
-      return packages
+      // return packages
+      return {}
     },
 
     file() {
@@ -90,17 +91,17 @@ export default {
   },
 
   mounted() {
-    this.files = collect(require.context('~/demos/', true, /.+\..+$/).keys())
-      .filter(path => path.startsWith(`./${this.name}/index.vue`))
-      .map(path => path.replace('./', ''))
-      .map(path => {
-        return {
-          path,
-          name: path.replace(`${this.name}/`, ''),
-          content: require(`!!raw-loader!~/demos/${path}`).default,
-        }
-      })
-      .toArray()
+    // this.files = collect(require.context('~/demos/', true, /.+\..+$/).keys())
+    //   .filter(path => path.startsWith(`./${this.name}/index.vue`))
+    //   .map(path => path.replace('./', ''))
+    //   .map(path => {
+    //     return {
+    //       path,
+    //       name: path.replace(`${this.name}/`, ''),
+    //       content: require(`!!raw-loader!~/demos/${path}`).default,
+    //     }
+    //   })
+    //   .toArray()
   },
 }
 </script>

docs/src/demos/Guide/GettingStarted/index.vue

@@ -3,7 +3,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+// import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
 
 export default {
   components: {
@@ -19,7 +23,12 @@ export default {
   mounted() {
     this.editor = new Editor({
       content: '<p>I’m running tiptap with Vue.js. 🎉</p>',
-      extensions: defaultExtensions(),
+      // extensions: defaultExtensions(),
+      extensions: [
+        new Document(),
+        new Paragraph(),
+        new Text(),
+      ],
     })
   },