refactor(core): use vue-flow__marker on marker defs el

packages/core/src/container/EdgeRenderer/EdgeRenderer.vue

@@ -72,9 +72,7 @@ export default {
 
 <template>
   <template v-if="dimensions.width && dimensions.height">
-    <svg class="vue-flow__edges vue-flow__container">
+    <MarkerDefinitions />
-      <MarkerDefinitions />
-    </svg>
 
     <svg
       v-for="edge of getEdges"

packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue

@@ -50,18 +50,20 @@ export default {
 </script>
 
 <template>
-  <defs>
+  <svg class="vue-flow__marker">
-    <MarkerSymbols
+    <defs>
-      v-for="marker of markers"
+      <MarkerSymbols
-      :id="marker.id"
+        v-for="marker of markers"
-      :key="marker.id"
+        :id="marker.id"
-      :type="marker.type"
+        :key="marker.id"
-      :color="marker.color"
+        :type="marker.type"
-      :width="marker.width"
+        :color="marker.color"
-      :height="marker.height"
+        :width="marker.width"
-      :markerUnits="marker.markerUnits"
+        :height="marker.height"
-      :stroke-width="marker.strokeWidth"
+        :markerUnits="marker.markerUnits"
-      :orient="marker.orient"
+        :stroke-width="marker.strokeWidth"
-    />
+        :orient="marker.orient"
-  </defs>
+      />
+    </defs>
+  </svg>
 </template>

packages/core/src/container/EdgeRenderer/MarkerSymbols.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { MarkerType } from '../../types/edge'
+import { MarkerType } from '../../types'
-import type { MarkerProps } from '../../types/edge'
+import type { MarkerProps } from '../../types'
 
 const {
   id,