improve some types, fix #213

docs/src/demos/Examples/Community/React/index.jsx

@@ -59,7 +59,7 @@ export default () => {
                 })
               },
               onKeyDown(props) {
-                return reactRenderer.ref.onKeyDown(props)
+                return reactRenderer.ref?.onKeyDown(props)
               },
               onExit() {
                 popup[0].destroy()

docs/src/demos/Examples/Community/Vue/index.vue

@@ -110,7 +110,7 @@ export default {
                   })
                 },
                 onKeyDown(props) {
-                  return component.ref.onKeyDown(props)
+                  return component.ref?.onKeyDown(props)
                 },
                 onExit() {
                   popup[0].destroy()

docs/src/demos/Experiments/Commands/index.vue

@@ -105,7 +105,7 @@ export default {
                   })
                 },
                 onKeyDown(props) {
-                  return component.ref.onKeyDown(props)
+                  return component.ref?.onKeyDown(props)
                 },
                 onExit() {
                   popup[0].destroy()

docs/src/demos/Nodes/Mention/index.vue

@@ -69,7 +69,7 @@ export default {
                   })
                 },
                 onKeyDown(props) {
-                  return component.ref.onKeyDown(props)
+                  return component.ref?.onKeyDown(props)
                 },
                 onExit() {
                   popup[0].destroy()

docs/src/demos/ReactPlayground/index.jsx

@@ -234,7 +234,7 @@ export default () => {
                 })
               },
               onKeyDown(props) {
-                return reactRenderer.ref.onKeyDown(props)
+                return reactRenderer.ref?.onKeyDown(props)
               },
               onExit() {
                 popup[0].destroy()

packages/vue-2/src/VueRenderer.ts

@@ -11,11 +11,11 @@ export class VueRenderer {
     this.ref = new Component(props).$mount()
   }
 
-  get element() {
+  get element(): Element {
     return this.ref.$el
   }
 
-  updateProps(props: AnyObject = {}) {
+  updateProps(props: AnyObject = {}): void {
     if (!this.ref.$props) {
       return
     }
@@ -33,7 +33,7 @@ export class VueRenderer {
     Vue.config.silent = originalSilent
   }
 
-  destroy() {
+  destroy(): void {
     this.ref.$destroy()
   }
 }

packages/vue-3/src/VueRenderer.ts

@@ -40,11 +40,11 @@ export class VueRenderer {
     }
   }
 
-  get ref() {
+  get ref(): any {
     return this.editor.contentComponent?.ctx.$refs[this.id]
   }
 
-  updateProps(props: AnyObject = {}) {
+  updateProps(props: AnyObject = {}): void {
     Object
       .entries(props)
       .forEach(([key, value]) => {
@@ -52,7 +52,7 @@ export class VueRenderer {
       })
   }
 
-  destroy() {
+  destroy(): void {
     this.editor.vueRenderers.delete(this.id)
   }
 }

packages/vue-3/src/useEditor.ts

@@ -3,14 +3,14 @@ import { EditorOptions } from '@tiptap/core'
 import { Editor } from './Editor'
 
 export const useEditor = (options: Partial<EditorOptions> = {}) => {
-  const editor = ref()
+  const editor = ref<Editor>()
 
   onMounted(() => {
     editor.value = new Editor(options)
   })
 
   onBeforeUnmount(() => {
-    editor.value.destroy()
+    editor.value?.destroy()
   })
 
   return editor