From 88882d08758ea234aa6ddf676bb1564108650ae3 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 25 Sep 2023 12:56:33 +0200
Subject: [PATCH] chore(core): cleanup markers

---
 .../container/EdgeRenderer/MarkerDefinitions.vue  |  4 ++--
 .../{Marker.vue => MarkerSymbols.vue}             | 15 ++++++++++-----
 2 files changed, 12 insertions(+), 7 deletions(-)
 rename packages/core/src/container/EdgeRenderer/{Marker.vue => MarkerSymbols.vue} (86%)

diff --git a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
index 9e6a34b8..5d778d38 100644
--- a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
+++ b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
@@ -3,7 +3,7 @@ import { computed } from 'vue'
 import type { EdgeMarkerType, MarkerProps, MarkerType } from '../../types/edge'
 import { useVueFlow } from '../../composables'
 import { getMarkerId } from '../../utils'
-import Marker from './Marker.vue'
+import MarkerSymbols from './MarkerSymbols.vue'
 
 const { id: vueFlowId, edges, connectionLineOptions, defaultMarkerColor: defaultColor } = $(useVueFlow())
 
@@ -45,7 +45,7 @@ export default {
 
 <template>
   <defs>
-    <Marker
+    <MarkerSymbols
       v-for="marker of markers"
       :id="marker.id"
       :key="marker.id"
diff --git a/packages/core/src/container/EdgeRenderer/Marker.vue b/packages/core/src/container/EdgeRenderer/MarkerSymbols.vue
similarity index 86%
rename from packages/core/src/container/EdgeRenderer/Marker.vue
rename to packages/core/src/container/EdgeRenderer/MarkerSymbols.vue
index 7aeed4e0..613ceee4 100644
--- a/packages/core/src/container/EdgeRenderer/Marker.vue
+++ b/packages/core/src/container/EdgeRenderer/MarkerSymbols.vue
@@ -35,19 +35,24 @@ export default {
   >
     <polyline
       v-if="type === MarkerType.ArrowClosed"
-      :stroke="color"
+      :style="{
+        stroke: color,
+        fill: color,
+        strokeWidth,
+      }"
       stroke-linecap="round"
       stroke-linejoin="round"
-      :stroke-width="strokeWidth"
-      :fill="color"
       points="-5,-4 0,0 -5,4 -5,-4"
     />
+
     <polyline
       v-if="type === MarkerType.Arrow"
-      :stroke="color"
+      :style="{
+        stroke: color,
+        strokeWidth,
+      }"
       stroke-linecap="round"
       stroke-linejoin="round"
-      :stroke-width="strokeWidth"
       fill="none"
       points="-5,-4 0,0 -5,4"
     />