fix: missing node id in node components/slots

examples/UpdatableEdge/UpdatableEdgeExample.vue

@@ -36,7 +36,7 @@ const initialElements: Elements = [
     position: { x: 400, y: 100 },
     style: { background: '#D6D5E6', color: '#333', border: '1px solid #222138', width: 180 },
   },
-  { id: 'e1-2', source: '1', target: '2', label: 'This is a draggable edge' },
+  { id: 'e1-2', source: '1', target: '2', label: 'Updateable edge' },
 ] as Elements
 
 const elements = ref(initialElements)

src/components/Nodes/DefaultNode.vue

@@ -2,7 +2,7 @@
 import Handle from '~/components/Handle/Handle.vue'
 import { NodeProps, Position } from '~/types'
 
-interface DefaultNodeProps {
+interface DefaultNodeProps extends NodeProps {
   data?: NodeProps['data']
   connectable?: NodeProps['connectable']
   targetPosition?: NodeProps['targetPosition']

src/components/Nodes/InputNode.vue

@@ -2,7 +2,7 @@
 import Handle from '~/components/Handle/Handle.vue'
 import { NodeProps, Position } from '~/types'
 
-interface InputNodeProps {
+interface InputNodeProps extends NodeProps {
   data?: NodeProps['data']
   connectable?: NodeProps['connectable']
   sourcePosition?: NodeProps['sourcePosition']

src/components/Nodes/Node.vue

@@ -179,6 +179,7 @@ watch(
     >
       <slot
         v-bind="{
+          id: props.node.id,
           data: props.node.data,
           type: props.node.type,
           xPos: props.node.__rf.position.x,
@@ -193,6 +194,7 @@ watch(
         <component
           :is="props.type"
           v-bind="{
+            id: props.node.id,
             data: props.node.data,
             type: props.node.type,
             xPos: props.node.__rf.position.x,

src/components/Nodes/OutputNode.vue

@@ -2,7 +2,7 @@
 import Handle from '~/components/Handle/Handle.vue'
 import { NodeProps, Position } from '~/types'
 
-interface OutputNodeProps {
+interface OutputNodeProps extends NodeProps {
   data?: NodeProps['data']
   connectable?: NodeProps['connectable']
   targetPosition?: NodeProps['targetPosition']