refactoring

demos/src/Examples/Drawing/Vue/Component.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script>
-import { NodeViewWrapper } from '@tiptap/vue-3'
+import { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'
 import { v4 as uuid } from 'uuid'
 import * as d3 from 'd3'
 import simplify from 'simplify-js'
@@ -42,17 +42,7 @@ export default {
     NodeViewWrapper,
   },
 
-  props: {
-    updateAttributes: {
-      type: Function,
-      required: true,
-    },
-
-    node: {
-      type: Object,
-      required: true,
-    },
-  },
+  props: nodeViewProps,
 
   data() {
     return {

demos/src/Examples/Drawing/Vue/Paper.js

@@ -1,5 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
-import { VueNodeViewRenderer } from '@tiptap/vue-3'
+import { VueNodeViewRenderer, Node, mergeAttributes } from '@tiptap/vue-3'
 import Component from './Component.vue'
 
 export default Node.create({

demos/src/Examples/Drawing/Vue/index.vue

@@ -8,7 +8,7 @@
 import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Text from '@tiptap/extension-text'
-import Paper from './Paper.js'
+import Paper from './Paper'
 
 export default {
   components: {