chore(core): use getter for edge/node types

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

@@ -16,7 +16,8 @@ interface Props {
 const Wrapper = defineComponent({
   props: ['name', 'type', 'id', 'updatable', 'selectable', 'edge', 'sourceNode', 'targetNode'],
   setup(props: Props) {
-    const { addSelectedEdges, connectionMode, edgeUpdaterRadius, emits, nodesSelectionActive, getEdges } = useVueFlow()
+    const { addSelectedEdges, connectionMode, edgeUpdaterRadius, emits, nodesSelectionActive, getEdges, getEdgeTypes } =
+      useVueFlow()
 
     const hooks = useEdgeHooks(props.edge, emits)
 
@@ -161,7 +162,7 @@ const Wrapper = defineComponent({
         [
           updating
             ? null
-            : h(props.type === false ? defaultEdgeTypes.default : props.type, {
+            : h(props.type === false ? getEdgeTypes.value.default : props.type, {
                 id: props.id,
                 sourceNode: props.sourceNode,
                 targetNode: props.targetNode,

packages/core/src/components/Nodes/NodeWrapper.vue

@@ -28,6 +28,7 @@ const {
   updateNodeDimensions,
   onUpdateNodeInternals,
   getIntersectingNodes,
+  getNodeTypes,
 } = $(useVueFlow())
 
 const node = $(useVModel(props, 'node'))
@@ -218,7 +219,7 @@ export default {
     @dblclick="onDoubleClick"
   >
     <component
-      :is="type === false ? defaultNodeTypes.default : type"
+      :is="type === false ? getNodeTypes.default : type"
       :id="node.id"
       :type="node.type"
       :data="node.data"