From 68957957aeb979361179b5fce18e937639b54d19 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 12 Dec 2023 19:36:37 +0100
Subject: [PATCH] fix(node-resizer): pass correct node id to resize control

---
 packages/node-resizer/src/NodeResizer.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/node-resizer/src/NodeResizer.vue b/packages/node-resizer/src/NodeResizer.vue
index 694b2e97..64b90f77 100644
--- a/packages/node-resizer/src/NodeResizer.vue
+++ b/packages/node-resizer/src/NodeResizer.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-// todo: add plugin to emit resize events via vue flow store; requires plugin API to be added to core
-import { computed, inject, watch } from 'vue'
+import { inject, toRef, watch } from 'vue'
 import type { NodeDimensionChange } from '@vue-flow/core'
 import { NodeIdInjection, useVueFlow } from '@vue-flow/core'
 import ResizeControl from './ResizeControl.vue'
@@ -21,9 +20,9 @@ const lineControls: ControlLinePosition[] = ['top', 'right', 'bottom', 'left']
 
 const contextNodeId = inject(NodeIdInjection, null)
 
-const id = computed(() => (typeof props.nodeId === 'string' ? props.nodeId : contextNodeId))
+const nodeId = toRef(() => (typeof props.nodeId === 'string' ? props.nodeId : contextNodeId))
 
-const node = computed(() => findNode(id.value))
+const node = toRef(() => findNode(nodeId.value))
 
 watch(
   [() => props.minWidth, () => props.minHeight, () => props.maxWidth, () => props.maxHeight, () => node.value?.initialized],
@@ -104,7 +103,7 @@ export default {
       :key="c"
       :class="handleClassName"
       :style="handleStyle"
-      :node-id="id"
+      :node-id="nodeId"
       :position="c"
       :color="color"
       :min-width="minWidth"