add example demos

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

@@ -0,0 +1,35 @@
+import { Node, mergeAttributes } from '@tiptap/core'
+import { VueNodeViewRenderer } from '@tiptap/vue-3'
+import Component from './Component.vue'
+
+export default Node.create({
+  name: 'paper',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      lines: {
+        default: [],
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="paper"]',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'paper' })]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})