From 55588c3988fd8eb4875e14eb423211f4ac3b9416 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 31 Mar 2022 14:41:45 +0200
Subject: [PATCH] chore: remove default data value from default nodes

---
 examples/src/Basic/Basic.vue                 | 14 +++++++++++---
 package/src/components/Nodes/DefaultNode.vue |  1 -
 package/src/components/Nodes/InputNode.vue   |  1 -
 package/src/components/Nodes/OutputNode.vue  |  1 -
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/examples/src/Basic/Basic.vue b/examples/src/Basic/Basic.vue
index 0a72de73..1f4444e8 100644
--- a/examples/src/Basic/Basic.vue
+++ b/examples/src/Basic/Basic.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, MiniMap, Controls, Background, isNode, useVueFlow, Elements } from '@braks/vue-flow'
+import { VueFlow, MiniMap, Controls, Background, isNode, useVueFlow, Elements } from '@braks/vue-flow/src/index'
 import ResizableNode from './ResizableNode.vue'
 
 const elements = ref<Elements>([
@@ -9,13 +9,21 @@ const elements = ref<Elements>([
     type: 'resize',
     label: 'Node 2',
     position: { x: 100, y: 100 },
+    data: { foo: 'bar' },
+    class: (el) => {
+      return ''
+    },
   },
   { id: '3', label: 'Node 3', position: { x: 400, y: 100 } },
   { id: '4', label: 'Node 4', position: { x: 400, y: 200 } },
   { id: 'e1-2', source: '1', target: '2', animated: true },
   { id: 'e1-3', source: '1', target: '3' },
 ])
-const { onPaneReady, onNodeDragStop, onConnect, instance, addEdges, store } = useVueFlow()
+const { onPaneReady, onNodeDragStop, onConnect, instance, addEdges, store } = useVueFlow({
+  defaultZoom: 1.5,
+  minZoom: 0.2,
+  maxZoom: 4,
+})
 onPaneReady(({ fitView }) => {
   fitView()
 })
@@ -37,7 +45,7 @@ const resetTransform = () => instance.value?.setTransform({ x: 0, y: 0, zoom: 1
 const toggleclass = () => elements.value.forEach((el) => (el.class = el.class === 'light' ? 'dark' : 'light'))
 </script>
 <template>
-  <VueFlow v-model="elements" class="vue-flow-basic-example" :default-zoom="1.5" :min-zoom="0.2" :max-zoom="4">
+  <VueFlow v-model="elements" class="vue-flow-basic-example">
     <template #node-resize="props">
       <ResizableNode v-bind="props" />
     </template>
diff --git a/package/src/components/Nodes/DefaultNode.vue b/package/src/components/Nodes/DefaultNode.vue
index 78512b1d..e062fc16 100644
--- a/package/src/components/Nodes/DefaultNode.vue
+++ b/package/src/components/Nodes/DefaultNode.vue
@@ -4,7 +4,6 @@ import { Position } from '../../types'
 import type { NodeProps } from '../../types/node'
 
 const props = withDefaults(defineProps<NodeProps>(), {
-  data: () => {},
   connectable: false,
   sourcePosition: 'bottom' as Position,
   targetPosition: 'top' as Position,
diff --git a/package/src/components/Nodes/InputNode.vue b/package/src/components/Nodes/InputNode.vue
index cfaf3cfb..2a3668f4 100644
--- a/package/src/components/Nodes/InputNode.vue
+++ b/package/src/components/Nodes/InputNode.vue
@@ -4,7 +4,6 @@ import { Position } from '../../types'
 import type { NodeProps } from '../../types/node'
 
 const props = withDefaults(defineProps<NodeProps>(), {
-  data: () => {},
   connectable: false,
   sourcePosition: 'bottom' as Position,
 })
diff --git a/package/src/components/Nodes/OutputNode.vue b/package/src/components/Nodes/OutputNode.vue
index 74b25389..92d6d361 100644
--- a/package/src/components/Nodes/OutputNode.vue
+++ b/package/src/components/Nodes/OutputNode.vue
@@ -4,7 +4,6 @@ import { Position } from '../../types'
 import type { NodeProps } from '../../types/node'
 
 const props = withDefaults(defineProps<NodeProps>(), {
-  data: () => {},
   connectable: false,
   targetPosition: 'top' as Position,
 })