update: Add slots to CustomConnectionLine.vue, Edge.vue, Node.vue

examples/Basic/Basic.vue

@@ -38,7 +38,6 @@ const updatePos = () => {
         y: Math.random() * 400,
       }
     }
-
     return el
   })
 }
@@ -48,10 +47,7 @@ const resetTransform = () => rfInstance.value?.setTransform({ x: 0, y: 0, zoom:
 
 const toggleClassnames = () => {
   elements.value = elements.value.map((el: FlowElement) => {
-    if (isNode(el)) {
-      el.className = el.className === 'light' ? 'dark' : 'light'
-    }
-
+    if (isNode(el)) el.className = el.className === 'light' ? 'dark' : 'light'
     return el
   })
 }

examples/CustomConnectionLine/CustomConnectionLine.vue

@@ -15,7 +15,10 @@ const onElementsRemove = (elementsToRemove: Elements) =>
 const onConnect = (params: Connection | Edge) => (elements.value = addEdge(params, elements.value as Elements))
 </script>
 <template>
-  <Flow :elements="elements" :custom-connection-line="ConnectionLine" @elements-remove="onElementsRemove" @connect="onConnect">
+  <Flow :elements="elements" @elements-remove="onElementsRemove" @connect="onConnect">
+    <template #custom-connection-line="props">
+      <ConnectionLine v-bind="props" />
+    </template>
     <Background :variant="BackgroundVariant.Lines" />
   </Flow>
 </template>