From b1e56f04032821d4c16627d170fd54aeced65b27 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sat, 8 Oct 2022 15:15:40 +0200
Subject: [PATCH] refactor(pathfinding-edge): remove getEdgeCenter usage

---
 packages/pathfinding-edge/src/arrow/PerfectArrow.vue   | 8 ++++----
 packages/pathfinding-edge/src/edge/PathFindingEdge.vue | 9 +++++----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/pathfinding-edge/src/arrow/PerfectArrow.vue b/packages/pathfinding-edge/src/arrow/PerfectArrow.vue
index 8bb888fb..4e216f1e 100644
--- a/packages/pathfinding-edge/src/arrow/PerfectArrow.vue
+++ b/packages/pathfinding-edge/src/arrow/PerfectArrow.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { EdgeText, getEdgeCenter } from '@vue-flow/core'
+import { EdgeText, getSimpleBezierPath } from '@vue-flow/core'
 import type { CSSProperties } from 'vue'
 import { getArrow } from 'perfect-arrows'
 import type { PerfectArrowProps } from '../types'
@@ -13,7 +13,7 @@ const props = withDefaults(defineProps<PerfectArrowProps>(), {
 })
 
 const centered = computed(() =>
-  getEdgeCenter({
+  getSimpleBezierPath({
     ...props,
   }),
 )
@@ -44,8 +44,8 @@ export default {
   />
   <EdgeText
     v-if="props.label"
-    :x="centered[0]"
-    :y="centered[1]"
+    :x="centered[1]"
+    :y="centered[2]"
     :label="props.label"
     :label-style="props.labelStyle"
     :label-show-bg="props.labelShowBg"
diff --git a/packages/pathfinding-edge/src/edge/PathFindingEdge.vue b/packages/pathfinding-edge/src/edge/PathFindingEdge.vue
index 709aa4d2..a676e9b0 100644
--- a/packages/pathfinding-edge/src/edge/PathFindingEdge.vue
+++ b/packages/pathfinding-edge/src/edge/PathFindingEdge.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { Position } from '@vue-flow/core'
-import { BezierEdge, EdgeText, getEdgeCenter, useVueFlow } from '@vue-flow/core'
+import { BezierEdge, EdgeText, getSimpleBezierPath, useVueFlow } from '@vue-flow/core'
 import type { PathFindingEdgeProps } from '../types'
 import { createGrid, gridRatio } from './createGrid'
 import { drawSmoothLinePath } from './drawSvgPath'
@@ -24,7 +24,7 @@ const roundCoordinatesTo = gridRatio
 const { getNodes } = useVueFlow()
 
 const centered = computed(() =>
-  getEdgeCenter({
+  getSimpleBezierPath({
     ...props,
   }),
 )
@@ -33,6 +33,7 @@ const source = computed(() => ({
   y: props.sourceY,
   position: props.sourcePosition,
 }))
+
 const target = computed(() => ({
   x: props.targetX,
   y: props.targetY,
@@ -95,8 +96,8 @@ export default {
     />
     <EdgeText
       v-if="props.label"
-      :x="centered[0]"
-      :y="centered[1]"
+      :x="centered[1]"
+      :y="centered[2]"
       :label="props.label"
       :label-style="props.labelStyle"
       :label-show-bg="props.labelShowBg"