refactor(nodes): set resize observer before mount

packages/vue-flow/src/components/Nodes/NodeWrapper.vue

@@ -54,23 +54,21 @@ const dragging = useDrag({
   },
 })
 
-onMounted(() => {
+const observer = useResizeObserver(nodeElement, () => {
-  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())
-
   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,