From ff9f6471ed73641712d84e28fa2e7dc074c3a1d7 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 5 May 2023 16:31:47 +0200
Subject: [PATCH] chore(core): cleanup

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 packages/core/src/components/Edges/EdgeLabelRenderer.vue | 5 +----
 packages/core/src/components/Nodes/NodeWrapper.ts        | 4 ++--
 packages/core/src/utils/store.ts                         | 4 ++--
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/core/src/components/Edges/EdgeLabelRenderer.vue b/packages/core/src/components/Edges/EdgeLabelRenderer.vue
index 72e39cf5..6860a893 100644
--- a/packages/core/src/components/Edges/EdgeLabelRenderer.vue
+++ b/packages/core/src/components/Edges/EdgeLabelRenderer.vue
@@ -1,10 +1,7 @@
 <script lang="ts" setup>
-import { toRef } from '@vueuse/core'
 import { useVueFlow } from '../../composables'
 
 const { viewportRef } = useVueFlow()
-
-const teleportTarget = toRef(() => viewportRef.value?.getElementsByClassName('vue-flow__edge-labels')[0])
 </script>
 
 <script lang="ts">
@@ -17,7 +14,7 @@ export default {
 <template>
   <svg>
     <foreignObject height="0" width="0">
-      <Teleport :to="teleportTarget as any" :disabled="!teleportTarget">
+      <Teleport :to="viewportRef!.getElementsByClassName('vue-flow__edge-labels')[0] as any" :disabled="!teleportTarget">
         <slot />
       </Teleport>
     </foreignObject>
diff --git a/packages/core/src/components/Nodes/NodeWrapper.ts b/packages/core/src/components/Nodes/NodeWrapper.ts
index 19a17262..752bf94d 100644
--- a/packages/core/src/components/Nodes/NodeWrapper.ts
+++ b/packages/core/src/components/Nodes/NodeWrapper.ts
@@ -1,5 +1,5 @@
 import { computed, defineComponent, h, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'
-import { toRef, until, useVModel } from '@vueuse/core'
+import { until, useVModel } from '@vueuse/core'
 import type { GraphNode, HandleConnectable, NodeComponent } from '~/types'
 import { NodeId, NodeRef } from '~/context'
 import { isInputDOMNode, useDrag, useNodeHooks, useUpdateNodePositions, useVueFlow } from '~/composables'
@@ -60,7 +60,7 @@ const NodeWrapper = defineComponent({
 
     const node = useVModel(props, 'node')
 
-    const parentNode = toRef(() => findNode(node.value.parentNode))
+    const parentNode = computed(() => findNode(node.value.parentNode))
 
     const connectedEdges = computed(() => getConnectedEdges([node.value], edges.value))
 
diff --git a/packages/core/src/utils/store.ts b/packages/core/src/utils/store.ts
index 4d601af5..c9a2f0c8 100644
--- a/packages/core/src/utils/store.ts
+++ b/packages/core/src/utils/store.ts
@@ -1,11 +1,11 @@
-import { toValue } from '@vueuse/core'
+import { unref } from 'vue'
 import { ErrorCode, VueFlowError, connectionExists, getEdgeId, isEdge, parseEdge, parseNode } from '.'
 import type { Actions, Connection, Edge, GraphEdge, GraphNode, Node, State } from '~/types'
 
 type NonUndefined<T> = T extends undefined ? never : T
 
 export function isDef<T>(val: T): val is NonUndefined<T> {
-  const unrefVal = toValue(val)
+  const unrefVal = unref(val)
 
   return typeof unrefVal !== 'undefined'
 }