From ea7db92b6e99876efd56e265ed9795f099e07749 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sat, 6 Nov 2021 09:43:09 +0100
Subject: [PATCH] fix: draggable not updating on nodes

* remove alias for dagre

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 docs/nuxt.config.ts           | 2 +-
 src/components/Nodes/Node.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 44932212..49ccd54a 100644
--- a/docs/nuxt.config.ts
+++ b/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'],
 })
diff --git a/src/components/Nodes/Node.vue b/src/components/Nodes/Node.vue
index 5785938b..23204496 100644
--- a/src/components/Nodes/Node.vue
+++ b/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 draggable = props.node.draggable ?? store.nodesDraggable
-const connectable = props.node.connectable ?? store.nodesConnectable
+const selectable = computed(() => props.node.selectable ?? store.elementsSelectable)
+const draggable = computed(() => props.node.draggable ?? store.nodesDraggable)
+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])