refactor(core): use v-bind to pass connection line props

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

packages/core/src/components/ConnectionLine/ConnectionLine.vue

@@ -101,17 +101,19 @@ export default {
     <component
       :is="connectionLineComponent"
       v-if="connectionLineComponent"
-      :source-x="sourceX"
+      v-bind="{
-      :source-y="sourceY"
+        sourceX,
-      :source-position="fromPosition"
+        sourceY,
-      :targetX="targetX"
+        sourcePosition: sourceHandle?.position,
-      :targetY="targetY"
+        targetX,
-      :target-position="targetPosition"
+        targetY,
-      :source-node="sourceNode"
+        targetPosition,
-      :source-handle="sourceHandle"
+        sourceNode,
-      :marker-end="`url(#${getMarkerId(connectionLineOptions.markerEnd)})`"
+        sourceHandle,
-      :marker-start="`url(#${getMarkerId(connectionLineOptions.markerStart)})`"
+        markerEnd: `url(#${getMarkerId(connectionLineOptions.markerEnd)})`,
-      :connection-status="connectionStatus"
+        markerStart: `url(#${getMarkerId(connectionLineOptions.markerStart)})`,
+        connectionStatus,
+      }"
     />
 
     <path