refactor(nodes, edges): Add slots to node/edge labels

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

src/components/Nodes/DefaultNode.vue

@@ -24,7 +24,8 @@ export default {
     :is-valid-connection="props.isValidTargetPos"
   />
   <slot v-bind="props">
-    <span v-if="props.label" v-html="props.label" />
+    <component :is="props.label" v-if="typeof props.label !== 'string'" />
+    <span v-else v-html="props.label"></span>
   </slot>
   <Handle
     type="source"

src/components/Nodes/InputNode.vue

@@ -17,7 +17,8 @@ export default {
 </script>
 <template>
   <slot v-bind="props">
-    <span v-if="props.label" v-html="props.label" />
+    <component :is="props.label" v-if="typeof props.label !== 'string'" />
+    <span v-else v-html="props.label"></span>
   </slot>
   <Handle
     type="source"

src/components/Nodes/OutputNode.vue

@@ -17,7 +17,8 @@ export default {
 </script>
 <template>
   <slot v-bind="props">
-    <span v-if="props.label" v-html="props.label" />
+    <component :is="props.label" v-if="typeof props.label !== 'string'" />
+    <span v-else v-html="props.label"></span>
   </slot>
   <Handle
     type="source"