From d913df6187936dfb14fd33954bebb307b440d27d Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 31 Mar 2022 10:50:27 +0200
Subject: [PATCH] update(examples): import order

---
 examples/src/Basic/Basic.vue        | 2 +-
 examples/src/DragNDrop/DnD.vue      | 2 +-
 examples/src/Edges/EdgesExample.vue | 2 +-
 package/src/utils/graph.ts          | 5 +++--
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/examples/src/Basic/Basic.vue b/examples/src/Basic/Basic.vue
index 0d7e2565..0a72de73 100644
--- a/examples/src/Basic/Basic.vue
+++ b/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]))
diff --git a/examples/src/DragNDrop/DnD.vue b/examples/src/DragNDrop/DnD.vue
index d2330057..dd85c6e2 100644
--- a/examples/src/DragNDrop/DnD.vue
+++ b/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++}`
diff --git a/examples/src/Edges/EdgesExample.vue b/examples/src/Edges/EdgesExample.vue
index ec534aa7..b5873ac5 100644
--- a/examples/src/Edges/EdgesExample.vue
+++ b/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 } },
diff --git a/package/src/utils/graph.ts b/package/src/utils/graph.ts
index b3e7430b..1d69c776 100644
--- a/package/src/utils/graph.ts
+++ b/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 {