From e0a48f05526a37cc19ef8d2f09d896aee0d63fc1 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 29 Jan 2024 20:59:03 +0100
Subject: [PATCH] chore(core): cleanup transform cmp

---
 .../core/src/container/Viewport/Transform.vue | 19 ++-----------------
 1 file changed, 2 insertions(+), 17 deletions(-)

diff --git a/packages/core/src/container/Viewport/Transform.vue b/packages/core/src/container/Viewport/Transform.vue
index a617d410..9fc0f861 100644
--- a/packages/core/src/container/Viewport/Transform.vue
+++ b/packages/core/src/container/Viewport/Transform.vue
@@ -1,24 +1,9 @@
 <script lang="ts" setup>
-import { ref } from 'vue'
-import { isClient, until } from '@vueuse/core'
 import { useVueFlow } from '../../composables'
 import NodeRenderer from '../NodeRenderer/NodeRenderer.vue'
 import EdgeRenderer from '../EdgeRenderer/EdgeRenderer.vue'
 
-const { id, viewport, d3Zoom, d3Selection, dimensions, fitViewOnInitDone } = useVueFlow()
-
-const viewportReady = ref(!isClient)
-
-until(
-  () =>
-    !!(d3Zoom.value && d3Selection.value && dimensions.value.width > 0 && dimensions.value.height > 0 && fitViewOnInitDone.value),
-)
-  .toBe(true, { flush: 'post' })
-  .then(() => {
-    setTimeout(() => {
-      viewportReady.value = true
-    }, 1)
-  })
+const { id, viewport, fitViewOnInitDone } = useVueFlow()
 </script>
 
 <script lang="ts">
@@ -34,7 +19,7 @@ export default {
     class="vue-flow__transformationpane vue-flow__container"
     :style="{
       transform: `translate(${viewport.x}px,${viewport.y}px) scale(${viewport.zoom})`,
-      opacity: viewportReady ? undefined : 0,
+      opacity: fitViewOnInitDone ? undefined : 0,
     }"
   >
     <EdgeRenderer />