From d6ee5f886873a0c3a84636ff3c295a17e537e774 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 15 Nov 2021 12:50:03 +0100
Subject: [PATCH] fix: wrong watch source in nodes

* causes console warnings

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

diff --git a/examples/Overview/Overview.vue b/examples/Overview/Overview.vue
index b69e1957..58a98434 100644
--- a/examples/Overview/Overview.vue
+++ b/examples/Overview/Overview.vue
@@ -166,6 +166,6 @@ const onElementsRemove = (elementsToRemove: Elements) => (elements.value = remov
   >
     <MiniMap :node-stroke-color="nodeStrokeColor" :node-color="nodeColor" :node-border-radius="2" />
     <Controls />
-    <Background color="#aaa" gap="20" />
+    <Background color="#aaa" :gap="20" />
   </Flow>
 </template>
diff --git a/src/components/Nodes/Node.vue b/src/components/Nodes/Node.vue
index ba1ba67a..d7006865 100644
--- a/src/components/Nodes/Node.vue
+++ b/src/components/Nodes/Node.vue
@@ -118,7 +118,7 @@ onMounted(() => {
     }),
   )
 
-  watch([props.node.type, props.node.sourcePosition, props.node.targetPosition], () => {
+  watch([() => props.node.type, () => props.node.sourcePosition, () => props.node.targetPosition], () => {
     nextTick(() => {
       store.updateNodeDimensions({
         id: props.node.id,