From c5228065b4a9d9e549888207d8daa902e31600b2 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sun, 5 Dec 2021 09:03:36 +0100
Subject: [PATCH] refactor(zoom): remove get and invoke imports

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/container/ZoomPane/ZoomPane.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/container/ZoomPane/ZoomPane.vue b/src/container/ZoomPane/ZoomPane.vue
index bd8421b1..4ad9e25c 100644
--- a/src/container/ZoomPane/ZoomPane.vue
+++ b/src/container/ZoomPane/ZoomPane.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { D3ZoomEvent, zoom, zoomIdentity, ZoomTransform } from 'd3-zoom'
-import { get, invoke } from '@vueuse/core'
 import { pointer, select } from 'd3-selection'
 import { FlowTransform, KeyCode, PanOnScrollMode } from '../../types'
 import { useKeyPress, useStore, useWindow } from '../../composables'
@@ -60,11 +59,11 @@ const d3Selection = ref()
 
 store.transform = [transform.value.x, transform.value.y, transform.value.zoom]
 
-invoke(async () => {
+nextTick(async () => {
   await until(zoomPaneEl).toBeTruthy()
-  const d3z = get(d3Zoom)!
+  const d3z = d3Zoom.value!
   d3Selection.value = select(zoomPaneEl.value).call(d3z)
-  const d3s = get(d3Selection)!
+  const d3s = d3Selection.value!
   const d3ZoomHandler = d3s.on('wheel.zoom')
 
   const updatedTransform = zoomIdentity.translate(clampedX, clampedY).scale(clampedZoom)