chore(core): update functional component types

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

packages/core/src/components/Edges/BaseEdge.ts

@@ -1,5 +1,5 @@
 import { isNumber } from '@vueuse/core'
-import type { FunctionalComponent } from 'vue'
+import type { Component, FunctionalComponent } from 'vue'
 import EdgeText from './EdgeText.vue'
 import type { BaseEdgeProps } from '~/types'
 
@@ -41,7 +41,7 @@ const BaseEdge: FunctionalComponent<BaseEdgeProps> = function (
         })
       : null,
     label && isNumber(labelX) && isNumber(labelY)
-      ? h(EdgeText, {
+      ? h(EdgeText as Component, {
           x: labelX,
           y: labelY,
           label,

packages/core/src/components/Nodes/DefaultNode.ts

@@ -1,4 +1,4 @@
-import type { FunctionalComponent } from 'vue'
+import type { Component, FunctionalComponent } from 'vue'
 import Handle from '../Handle/Handle.vue'
 import type { NodeProps } from '~/types'
 import { Position } from '~/types'
@@ -12,9 +12,9 @@ const DefaultNode: FunctionalComponent<NodeProps> = function ({
   isValidSourcePos,
 }) {
   return [
-    h(Handle, { type: 'target', position: targetPosition, connectable, isValidConnection: isValidTargetPos }),
+    h(Handle as Component, { type: 'target', position: targetPosition, connectable, isValidConnection: isValidTargetPos }),
     typeof label !== 'string' && label ? h(label) : h('div', { innerHTML: label }),
-    h(Handle, { type: 'source', position: sourcePosition, connectable, isValidConnection: isValidSourcePos }),
+    h(Handle as Component, { type: 'source', position: sourcePosition, connectable, isValidConnection: isValidSourcePos }),
   ]
 }
 

packages/core/src/components/Nodes/InputNode.ts

@@ -1,4 +1,4 @@
-import type { FunctionalComponent } from 'vue'
+import type { Component, FunctionalComponent } from 'vue'
 import Handle from '../Handle/Handle.vue'
 import type { NodeProps } from '~/types'
 import { Position } from '~/types'
@@ -11,7 +11,7 @@ const InputNode: FunctionalComponent<NodeProps> = function ({
 }) {
   return [
     typeof label !== 'string' && label ? h(label) : h('div', { innerHTML: label }),
-    h(Handle, { type: 'source', position: sourcePosition, connectable, isValidConnection: isValidSourcePos }),
+    h(Handle as Component, { type: 'source', position: sourcePosition, connectable, isValidConnection: isValidSourcePos }),
   ]
 }
 

packages/core/src/components/Nodes/OutputNode.ts

@@ -1,4 +1,4 @@
-import type { FunctionalComponent } from 'vue'
+import type { Component, FunctionalComponent } from 'vue'
 import Handle from '../Handle/Handle.vue'
 import type { NodeProps } from '~/types'
 import { Position } from '~/types'
@@ -10,7 +10,7 @@ const OutputNode: FunctionalComponent<NodeProps> = function ({
   isValidTargetPos,
 }) {
   return [
-    h(Handle, { type: 'target', position: targetPosition, connectable, isValidConnection: isValidTargetPos }),
+    h(Handle as Component, { type: 'target', position: targetPosition, connectable, isValidConnection: isValidTargetPos }),
     typeof label !== 'string' && label ? h(label) : h('div', { innerHTML: label }),
   ]
 }