fix: draggable not updating on nodes

* remove alias for dagre

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

docs/nuxt.config.ts

@@ -11,7 +11,6 @@ export default defineNuxtConfig({
   },
   vite: {
     alias: {
-      dagre: resolve('./node_modules/dagre'),
       vue: resolve('./node_modules/vue'),
     },
     resolve: {
@@ -19,5 +18,6 @@ export default defineNuxtConfig({
       preserveSymlinks: false,
     },
   },
+  ssr: true,
   buildModules: ['nuxt-windicss'],
 })

src/components/Nodes/Node.vue

@@ -23,9 +23,9 @@ provide(NodeIdContextKey, props.node.id)
 
 const nodeElement = templateRef<HTMLDivElement>('node-element', null)
 
-const selectable = props.node.selectable ?? store.elementsSelectable
+const selectable = computed(() => props.node.selectable ?? store.elementsSelectable)
-const draggable = props.node.draggable ?? store.nodesDraggable
+const draggable = computed(() => props.node.draggable ?? store.nodesDraggable)
-const connectable = props.node.connectable ?? store.nodesConnectable
+const connectable = computed(() => props.node.connectable ?? store.nodesConnectable)
 
 const onMouseEnterHandler = () =>
   props.node.__rf?.isDragging && ((event: MouseEvent) => hooks.nodeMouseEnter.trigger({ event, node: props.node }))
@@ -41,7 +41,7 @@ const onContextMenuHandler = () => (event: MouseEvent) => hooks.nodeContextMenu.
 const onSelectNodeHandler = (event: MouseEvent) => {
   if (!draggable) {
     const n = props.node
-    if (selectable) {
+    if (selectable.value) {
       store.unsetNodesSelection()
 
       if (!props.selected) store.addSelectedElements([n])