fix: node type change not triggering recalculation of node dimensions

src/components/Edges/Edge.vue

@@ -96,7 +96,7 @@ const isVisible = ({ sourceX, sourceY, targetX, targetY }: ReturnType<typeof get
 const targetNodeHandles = computed(() =>
   store.connectionMode === ConnectionMode.Strict
     ? nodes.value.targetNode?.__rf.handleBounds.target
-    : nodes.value.targetNode?.__rf.handleBounds.target || nodes.value.targetNode?.__rf.handleBounds.source,
+    : nodes.value.targetNode?.__rf.handleBounds.target ?? nodes.value.targetNode?.__rf.handleBounds.source,
 )
 
 const sourceHandle = computed(

src/components/Nodes/Node.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { DraggableEventListener } from '@braks/revue-draggable'
+import { watchPostEffect } from 'vue'
 import { Node, NodeType, SnapGrid } from '~/types'
 import { NodeIdContextKey } from '~/context'
 import { useHooks, useStore } from '~/composables'
@@ -122,6 +123,17 @@ onMounted(() => {
     }),
   )
 })
+
+watch(
+  () => props.node.type,
+  () => {
+    store.updateNodeDimensions({
+      id: props.node.id,
+      nodeElement: nodeElement.value,
+      forceUpdate: true,
+    })
+  },
+)
 </script>
 
 <template>