fix(nodes): Add draggable watchers

package/src/components/Nodes/NodeWrapper.vue

@@ -43,7 +43,7 @@ watch(
 
 const nodeElement = ref()
 
-const { scale, onDrag, onDragStart, onDragStop } = useDraggableCore(nodeElement, {
+const { scale, disabled, handle, cancel, grid, onDrag, onDragStart, onDragStop } = useDraggableCore(nodeElement, {
   handle: node.dragHandle,
   disabled: !draggable,
   grid: snapGrid,
@@ -64,6 +64,31 @@ onMounted(() => {
     },
     { debounce: 5, flush: 'post' },
   )
+
+  watch(
+    () => draggable,
+    () => {
+      disabled.value = !draggable
+    },
+  )
+
+  watch(
+    () => node.dragHandle,
+    () => {
+      if (node.dragHandle) handle.value = node.dragHandle
+    },
+  )
+
+  watch($$(noDragClassName), () => {
+    if (noDragClassName) cancel.value = noDragClassName as any
+  })
+
+  watch(
+    () => snapGrid,
+    () => {
+      if (grid) grid.value = snapGrid
+    },
+  )
 })
 
 onMounted(() => {

package/src/components/NodesSelection/NodesSelection.vue

@@ -18,7 +18,7 @@ const innerStyle = computed(() => ({
 
 const transform = computed(() => `translate(${viewport.x}px,${viewport.y}px) scale(${viewport.zoom})`)
 
-watch(selectedNodesBBox, (v) => {
+watch($$(selectedNodesBBox), (v) => {
   setState({
     selectedNodesBbox: v,
   })