update(examples): import order

examples/src/Basic/Basic.vue

@@ -17,7 +17,7 @@ const elements = ref<Elements>([
 ])
 const { onPaneReady, onNodeDragStop, onConnect, instance, addEdges, store } = useVueFlow()
 onPaneReady(({ fitView }) => {
-  fitView({ padding: 0.1 })
+  fitView()
 })
 onNodeDragStop((e) => console.log('drag stop', e))
 onConnect((params) => addEdges([params]))

examples/src/DragNDrop/DnD.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
+import { VueFlow, Node, useVueFlow } from '@braks/vue-flow'
 import Sidebar from './Sidebar.vue'
-import { VueFlow, FlowInstance, Node, useVueFlow } from '@braks/vue-flow'
 
 let id = 0
 const getId = () => `dndnode_${id++}`

examples/src/Edges/EdgesExample.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
+import { VueFlow, MiniMap, Controls, Background, MarkerType, useVueFlow, Edge, Node } from '@braks/vue-flow'
 import CustomEdge from './CustomEdge.vue'
 import CustomEdge2 from './CustomEdge2.vue'
 import CustomLabel from './CustomLabel.vue'
-import { VueFlow, MiniMap, Controls, Background, MarkerType, useVueFlow, Edge, Node } from '@braks/vue-flow'
 
 const initialNodes: Node[] = [
   { id: '1', type: 'input', label: 'Input 1', position: { x: 250, y: 0 } },

package/src/utils/graph.ts

@@ -94,7 +94,7 @@ export const parseNode = (node: Node, nodeExtent: CoordinateExtent, defaults?: P
 
 export const parseEdge = (edge: Edge, defaults?: Partial<GraphEdge>): GraphEdge => {
   defaults = !isGraphEdge(edge)
-    ? {
+    ? ({
         sourceHandle: edge.sourceHandle ? edge.sourceHandle.toString() : undefined,
         targetHandle: edge.targetHandle ? edge.targetHandle.toString() : undefined,
         type: edge.type ?? 'default',
@@ -107,8 +107,9 @@ export const parseEdge = (edge: Edge, defaults?: Partial<GraphEdge>): GraphEdge
         targetY: 0,
         updatable: undefined,
         selectable: undefined,
+        data: undefined,
         ...defaults,
-      }
+      } as GraphEdge)
     : defaults
 
   return {