From 3acb43d0001795851f95a22461610b0901db1e2e Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 25 Mar 2022 16:47:34 +0100
Subject: [PATCH] fix(edges): use correct functions for center/path in simple
 bezier edge

---
 examples/Basic/Basic.vue                  | 3 +--
 examples/CustomNode/CustomNode.vue        | 6 +++---
 src/components/Edges/SimpleBezierEdge.vue | 4 ++--
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/examples/Basic/Basic.vue b/examples/Basic/Basic.vue
index b2081957..83383f2b 100644
--- a/examples/Basic/Basic.vue
+++ b/examples/Basic/Basic.vue
@@ -9,7 +9,7 @@ const elements = ref<Elements>([
   { id: 'e1-2', source: '1', target: '2', animated: true },
   { id: 'e1-3', source: '1', target: '3' },
 ])
-const { onPaneReady, onNodeDragStop, onConnect, instance, addEdges } = useVueFlow()
+const { onPaneReady, onNodeDragStop, onConnect, instance, addEdges, store } = useVueFlow()
 onPaneReady(({ fitView }) => {
   fitView({ padding: 0.1 })
 })
@@ -37,7 +37,6 @@ const toggleclass = () => elements.value.forEach((el) => (el.class = el.class ==
     :default-zoom="1.5"
     :min-zoom="0.2"
     :max-zoom="4"
-    :zoom-on-scroll="false"
   >
     <Background :variant="BackgroundVariant.None" :height="33" bg-color="pink">
       <text fill="#000000" font-size="22" font-family="ARIAL" x="120" y="110"> LEVEL 1 </text>
diff --git a/examples/CustomNode/CustomNode.vue b/examples/CustomNode/CustomNode.vue
index 43968aad..98575dab 100644
--- a/examples/CustomNode/CustomNode.vue
+++ b/examples/CustomNode/CustomNode.vue
@@ -68,9 +68,6 @@ const { onPaneReady } = useVueFlow({
   snapToGrid: true,
   snapGrid,
   defaultZoom: 1.5,
-  nodeTypes: {
-    selectorNode: markRaw(ColorSelectorNode),
-  },
 })
 onPaneReady((i) => {
   i.fitView()
@@ -79,6 +76,9 @@ onPaneReady((i) => {
 </script>
 <template>
   <VueFlow v-model="elements" :style="{ backgroundColor: bgColor }">
+    <template #node-selectorNode="props">
+      <ColorSelectorNode v-bind="props" />
+    </template>
     <MiniMap :node-stroke-color="nodeStroke" :node-color="nodeColor" />
     <Controls />
   </VueFlow>
diff --git a/src/components/Edges/SimpleBezierEdge.vue b/src/components/Edges/SimpleBezierEdge.vue
index 130c95a8..7e84e63e 100644
--- a/src/components/Edges/SimpleBezierEdge.vue
+++ b/src/components/Edges/SimpleBezierEdge.vue
@@ -15,7 +15,7 @@ const props = withDefaults(defineProps<EdgeProps>(), {
 })
 
 const centered = computed(() =>
-  getSimpleBezierPath({
+  getSimpleBezierCenter({
     sourceX: props.sourceX,
     sourceY: props.sourceY,
     targetX: props.targetX,
@@ -26,7 +26,7 @@ const centered = computed(() =>
 )
 const path = computed(() => {
   if (props.sourceX && props.sourceY)
-    return getSimpleBezierCenter({
+    return getSimpleBezierPath({
       sourceX: props.sourceX,
       sourceY: props.sourceY,
       targetX: props.targetX,