refactoring

packages/vue-3/src/NodeViewWrapper.ts

@@ -17,7 +17,7 @@ export const NodeViewWrapper = defineComponent({
           whiteSpace: 'normal',
         },
         'data-node-view-wrapper': '',
-        // @ts-ignore
+        // @ts-ignore (https://github.com/vuejs/vue-next/issues/3031)
         onDragStart: this.onDragStart,
       },
       this.$slots.default?.(),

packages/vue-3/src/VueNodeViewRenderer.ts

@@ -1,8 +1,4 @@
-import {
-  Node,
-  NodeViewRenderer,
-  NodeViewRendererProps,
-} from '@tiptap/core'
+import { Node, NodeViewRenderer, NodeViewRendererProps } from '@tiptap/core'
 import {
   ref,
   provide,
@@ -103,6 +99,10 @@ class VueNodeView implements NodeView {
   }
 
   get dom() {
+    if (!this.renderer.element.hasAttribute('data-node-view-wrapper')) {
+      throw Error('Please use the NodeViewWrapper component for your node view.')
+    }
+
     return this.renderer.element
   }
 

packages/vue-3/src/VueRenderer.ts

@@ -31,6 +31,11 @@ export class VueRenderer {
 
     if (this.editor.contentComponent) {
       this.editor.contentComponent.update()
+
+      if (this.teleportElement.children.length !== 1) {
+        throw Error('VueRenderer doesn’t support multiple child elements.')
+      }
+
       this.element = this.teleportElement.firstElementChild as Element
     }
   }