From 44b9232b196259db4dc69be930ff9437355c6dc0 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 9 Jan 2025 11:50:32 +0100
Subject: [PATCH] refactor(core): inherit attrs on edge path el in `BaseEdge`
 (#1742)

* refactor(core): inherit attrs on edge path el in base edge

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

* chore(changeset): add

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

---------

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 .changeset/stale-radios-listen.md               | 5 +++++
 packages/core/src/components/Edges/BaseEdge.vue | 5 ++---
 packages/core/src/types/edge.ts                 | 1 -
 3 files changed, 7 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/stale-radios-listen.md

diff --git a/.changeset/stale-radios-listen.md b/.changeset/stale-radios-listen.md
new file mode 100644
index 00000000..5212f84d
--- /dev/null
+++ b/.changeset/stale-radios-listen.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": minor
+---
+
+Inherit attributes on main edge path element in BaseEdge component.
diff --git a/packages/core/src/components/Edges/BaseEdge.vue b/packages/core/src/components/Edges/BaseEdge.vue
index 66a844db..c1b7dbfd 100644
--- a/packages/core/src/components/Edges/BaseEdge.vue
+++ b/packages/core/src/components/Edges/BaseEdge.vue
@@ -3,7 +3,7 @@ import { ref, useAttrs } from 'vue'
 import type { BaseEdgeProps } from '../../types'
 import EdgeText from './EdgeText.vue'
 
-const { interactionWidth = 20, labelShowBg = true, ...props } = defineProps<BaseEdgeProps>()
+withDefaults(defineProps<BaseEdgeProps>(), { interactionWidth: 20 })
 
 const pathEl = ref<SVGPathElement | null>(null)
 
@@ -30,12 +30,11 @@ export default {
 
 <template>
   <path
+    v-bind="attrs"
     :id="id"
     ref="pathEl"
     :d="path"
-    :style="props.style"
     class="vue-flow__edge-path"
-    :class="attrs.class"
     :marker-end="markerEnd"
     :marker-start="markerStart"
   />
diff --git a/packages/core/src/types/edge.ts b/packages/core/src/types/edge.ts
index a08ca937..da775fd2 100644
--- a/packages/core/src/types/edge.ts
+++ b/packages/core/src/types/edge.ts
@@ -201,7 +201,6 @@ export interface BaseEdgeProps extends EdgeLabelOptions {
   markerStart?: string
   markerEnd?: string
   interactionWidth?: number
-  style?: CSSProperties
 }
 
 export type BezierEdgeProps = EdgePositions &