From 87f97efd42c560350d7e92d960b03c9bee44c000 Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 6 Jun 2022 22:09:08 +0200
Subject: [PATCH] refactor(nodes): set resize observer before mount

---
 .../src/components/Nodes/NodeWrapper.vue      | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/packages/vue-flow/src/components/Nodes/NodeWrapper.vue b/packages/vue-flow/src/components/Nodes/NodeWrapper.vue
index 456c9d93..c8245f8d 100644
--- a/packages/vue-flow/src/components/Nodes/NodeWrapper.vue
+++ b/packages/vue-flow/src/components/Nodes/NodeWrapper.vue
@@ -54,23 +54,21 @@ const dragging = useDrag({
   },
 })
 
-onMounted(() => {
-  const observer = useResizeObserver(nodeElement, () =>
-    updateNodeDimensions([{ id, nodeElement: nodeElement.value, forceUpdate: true }]),
-  )
-
-  watch(
-    [() => node.type, () => node.sourcePosition, () => node.targetPosition],
-    () => {
-      updateNodeDimensions([{ id, nodeElement: nodeElement.value }])
-    },
-    { flush: 'post' },
-  )
-
-  onBeforeUnmount(() => observer.stop())
-
+const observer = useResizeObserver(nodeElement, () => {
   updateNodeDimensions([{ id, nodeElement: nodeElement.value, forceUpdate: true }])
+})
 
+watch(
+  [() => node.width, () => node.height, () => node.type, () => node.sourcePosition, () => node.targetPosition],
+  () => {
+    updateNodeDimensions([{ id, nodeElement: nodeElement.value }])
+  },
+  { flush: 'post' },
+)
+
+onBeforeUnmount(() => observer.stop())
+
+onMounted(() => {
   watch(
     [
       () => node.position.x,