From 7729eff1f0cd1462af0aaae17c2599292a343048 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 22 Sep 2025 11:18:29 +0200
Subject: [PATCH] fix(core): unwrap connection line status ref (#1962)

* fix(core): unwrap connection line status ref

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/wise-jobs-perform.md                      | 5 +++++
 packages/core/src/components/ConnectionLine/index.ts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/wise-jobs-perform.md

diff --git a/.changeset/wise-jobs-perform.md b/.changeset/wise-jobs-perform.md
new file mode 100644
index 00000000..28d57968
--- /dev/null
+++ b/.changeset/wise-jobs-perform.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Unwrap connection line status ref in the connection line component to correctly append the class name.
diff --git a/packages/core/src/components/ConnectionLine/index.ts b/packages/core/src/components/ConnectionLine/index.ts
index 67227e59..854335a8 100644
--- a/packages/core/src/components/ConnectionLine/index.ts
+++ b/packages/core/src/components/ConnectionLine/index.ts
@@ -145,7 +145,7 @@ const ConnectionLine = defineComponent({
               })
             : h('path', {
                 'd': dAttr,
-                'class': [connectionLineOptions.value.class, connectionStatus, 'vue-flow__connection-path'],
+                'class': [connectionLineOptions.value.class, connectionStatus.value, 'vue-flow__connection-path'],
                 'style': {
                   ...connectionLineStyle.value,
                   ...connectionLineOptions.value.style,