From 20682800e867d47ff2fb09191fbaf523e7b2cfc9 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 19 Dec 2022 19:03:32 +0100
Subject: [PATCH] chore(core): cleanup

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 .../core/src/container/Viewport/Viewport.vue  | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/packages/core/src/container/Viewport/Viewport.vue b/packages/core/src/container/Viewport/Viewport.vue
index efbc5ac5..3d66605f 100644
--- a/packages/core/src/container/Viewport/Viewport.vue
+++ b/packages/core/src/container/Viewport/Viewport.vue
@@ -50,6 +50,14 @@ const eventToFlowTransform = (eventTransform: ZoomTransform): ViewportTransform
   zoom: eventTransform.k,
 })
 
+const setDimensions = () => {
+  if (!viewportEl.value) return
+
+  const { width, height } = getDimensions(viewportEl.value)
+  dimensions.width = width
+  dimensions.height = height
+}
+
 const isWrappedWithClass = (event: Event, className: string | undefined) => (event.target as Element).closest(`.${className}`)
 
 let prevTransform = $ref<ViewportTransform>({
@@ -59,22 +67,10 @@ let prevTransform = $ref<ViewportTransform>({
 })
 
 onMounted(() => {
-  useResizeObserver(viewportEl, () => {
-    if (!viewportEl.value) return
-
-    const { width, height } = getDimensions(viewportEl.value)
-    dimensions.width = width
-    dimensions.height = height
-  })
+  useResizeObserver(viewportEl, setDimensions)
 
   const window = useWindow()
-  useEventListener(window, 'resize', () => {
-    if (!viewportEl.value) return
-
-    const { width, height } = getDimensions(viewportEl.value)
-    dimensions.width = width
-    dimensions.height = height
-  })
+  useEventListener(window, 'resize', setDimensions)
 })
 
 onMounted(() => {