diff --git a/demos/src/Examples/Drawing/Vue/Component.vue b/demos/src/Examples/Drawing/Vue/Component.vue
index eb0ae30c..09f0dee5 100644
--- a/demos/src/Examples/Drawing/Vue/Component.vue
+++ b/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 {
diff --git a/demos/src/Examples/Drawing/Vue/Paper.js b/demos/src/Examples/Drawing/Vue/Paper.js
index bb165901..12fb3c27 100644
--- a/demos/src/Examples/Drawing/Vue/Paper.js
+++ b/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({
diff --git a/demos/src/Examples/Drawing/Vue/index.vue b/demos/src/Examples/Drawing/Vue/index.vue
index 219f4367..7c054ed2 100644
--- a/demos/src/Examples/Drawing/Vue/index.vue
+++ b/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: {