From 128b968168770059601e8281da37925045d5f64b Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 17 May 2023 13:56:45 +0200
Subject: [PATCH] chore: lint

---
 packages/controls/src/Controls.vue            |  1 -
 .../core/src/components/Edges/EdgeText.vue    |  4 ++-
 .../core/src/container/Viewport/Viewport.vue  |  2 +-
 packages/core/src/types/panel.ts              |  7 +++-
 packages/node-resizer/src/ResizeControl.vue   | 34 +++++++++----------
 5 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/packages/controls/src/Controls.vue b/packages/controls/src/Controls.vue
index 98e35c8d..166ab6f4 100644
--- a/packages/controls/src/Controls.vue
+++ b/packages/controls/src/Controls.vue
@@ -78,7 +78,6 @@ export default {
 <template>
   <Panel class="vue-flow__controls" :position="position">
     <slot name="top" />
-
     <template v-if="showZoom">
       <slot name="control-zoom-in">
         <ControlButton class="vue-flow__controls-zoomin" :disabled="maxZoomReached" @click="onZoomInHandler">
diff --git a/packages/core/src/components/Edges/EdgeText.vue b/packages/core/src/components/Edges/EdgeText.vue
index 20df9d7a..b55da221 100644
--- a/packages/core/src/components/Edges/EdgeText.vue
+++ b/packages/core/src/components/Edges/EdgeText.vue
@@ -61,7 +61,9 @@ export default {
     <text v-bind="$attrs" ref="el" class="vue-flow__edge-text" :y="box.height / 2" dy="0.3em" :style="labelStyle">
       <slot>
         <component :is="label" v-if="!isString(label)" />
-        <template v-else> {{ label }} </template>
+        <template v-else>
+          {{ label }}
+        </template>
       </slot>
     </text>
   </g>
diff --git a/packages/core/src/container/Viewport/Viewport.vue b/packages/core/src/container/Viewport/Viewport.vue
index 993aad27..ca54be83 100644
--- a/packages/core/src/container/Viewport/Viewport.vue
+++ b/packages/core/src/container/Viewport/Viewport.vue
@@ -227,7 +227,7 @@ onMounted(() => {
     if (
       event.button === 1 &&
       event.type === 'mousedown' &&
-      ((event.target as HTMLElement)?.closest(`.vue-flow__node`) || (event.target as HTMLElement)?.closest(`.vue-flow__edge`))
+      ((event.target as HTMLElement)?.closest('.vue-flow__node') || (event.target as HTMLElement)?.closest('.vue-flow__edge'))
     ) {
       return true
     }
diff --git a/packages/core/src/types/panel.ts b/packages/core/src/types/panel.ts
index 8aac379b..0ef0a01b 100644
--- a/packages/core/src/types/panel.ts
+++ b/packages/core/src/types/panel.ts
@@ -1,3 +1,6 @@
+/**
+ * @deprecated; todo: remove this and use `PanelPositionType` instead
+ */
 export enum PanelPosition {
   TopLeft = 'top-left',
   TopCenter = 'top-center',
@@ -7,6 +10,8 @@ export enum PanelPosition {
   BottomRight = 'bottom-right',
 }
 
+type PanelPositionType = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
+
 export interface PanelProps {
-  position: PanelPosition
+  position: PanelPosition | PanelPositionType
 }
diff --git a/packages/node-resizer/src/ResizeControl.vue b/packages/node-resizer/src/ResizeControl.vue
index 05dcbd50..51ecb93f 100644
--- a/packages/node-resizer/src/ResizeControl.vue
+++ b/packages/node-resizer/src/ResizeControl.vue
@@ -40,9 +40,9 @@ const contextNodeId = inject(NodeIdInjection, null)
 
 const resizeControlRef = ref<HTMLDivElement>()
 
-const startValues = ref<typeof initStartValues>(initStartValues)
+let startValues: typeof initStartValues = initStartValues
 
-const prevValues = ref<typeof initPrevValues>(initPrevValues)
+let prevValues: typeof initPrevValues = initPrevValues
 
 const id = computed(() => (typeof props.nodeId === 'string' ? props.nodeId : contextNodeId))
 
@@ -67,21 +67,21 @@ watchEffect((onCleanup) => {
       const node = findNode(id.value!)
       const { xSnapped, ySnapped } = getPointerPosition(event)
 
-      prevValues.value = {
+      prevValues = {
         width: node?.dimensions.width ?? 0,
         height: node?.dimensions.height ?? 0,
         x: node?.position.x ?? 0,
         y: node?.position.y ?? 0,
       }
 
-      startValues.value = {
-        ...prevValues.value,
+      startValues = {
+        ...prevValues,
         pointerX: xSnapped,
         pointerY: ySnapped,
-        aspectRatio: prevValues.value.width / prevValues.value.height,
+        aspectRatio: prevValues.width / prevValues.height,
       }
 
-      emits('resizeStart', { event, params: prevValues.value })
+      emits('resizeStart', { event, params: prevValues })
     })
     .on('drag', (event: ResizeDragEvent) => {
       const { xSnapped, ySnapped } = getPointerPosition(event)
@@ -97,9 +97,9 @@ watchEffect((onCleanup) => {
           x: startNodeX,
           y: startNodeY,
           aspectRatio: startAspectRatio,
-        } = startValues.value
+        } = startValues
 
-        const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues.value
+        const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues
 
         const distX = Math.floor(enableX ? xSnapped - startX : 0)
         const distY = Math.floor(enableY ? ySnapped - startY : 0)
@@ -163,8 +163,8 @@ watchEffect((onCleanup) => {
 
             changes.push(positionChange)
 
-            prevValues.value.x = positionChange.position!.x
-            prevValues.value.y = positionChange.position!.y
+            prevValues.x = positionChange.position!.x
+            prevValues.y = positionChange.position!.y
           }
         }
 
@@ -182,8 +182,8 @@ watchEffect((onCleanup) => {
 
           changes.push(dimensionChange)
 
-          prevValues.value.width = width
-          prevValues.value.height = height
+          prevValues.width = width
+          prevValues.height = height
         }
 
         if (changes.length === 0) {
@@ -191,15 +191,15 @@ watchEffect((onCleanup) => {
         }
 
         const direction = getDirection({
-          width: prevValues.value.width,
+          width: prevValues.width,
           prevWidth,
-          height: prevValues.value.height,
+          height: prevValues.height,
           prevHeight,
           invertX,
           invertY,
         })
 
-        const nextValues = { ...prevValues.value, direction }
+        const nextValues = { ...prevValues, direction }
 
         const callResize = props.shouldResize?.(event, nextValues)
 
@@ -219,7 +219,7 @@ watchEffect((onCleanup) => {
         resizing: false,
       }
 
-      emits('resizeEnd', { event, params: prevValues.value })
+      emits('resizeEnd', { event, params: prevValues })
 
       triggerEmits.nodesChange([dimensionChange])
     })