From 94e5bda77e901e38c27f79dbd6ac68c6450eb98b Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 30 Mar 2022 20:32:03 +0200
Subject: [PATCH] update(examples): Update stress example syntax

---
 examples/src/Stress/StressExample.vue | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/examples/src/Stress/StressExample.vue b/examples/src/Stress/StressExample.vue
index 5cff1e7b..a6eae4fd 100644
--- a/examples/src/Stress/StressExample.vue
+++ b/examples/src/Stress/StressExample.vue
@@ -1,16 +1,21 @@
 <script lang="ts" setup>
-import { VueFlow, FlowInstance } from '@braks/vue-flow'
+import { VueFlow, useVueFlow } from '@braks/vue-flow'
 import { getElements } from './utils'
 
-const instance = ref<FlowInstance>()
-const onLoad = (flowInstance: FlowInstance) => {
-  flowInstance.fitView()
-  instance.value = flowInstance
-  console.log(flowInstance.getNodes())
-}
-
 const { nodes, edges } = getElements(10, 10)
+
+const { getNode, onPaneReady } = useVueFlow({
+  nodes,
+  edges,
+})
+
+onPaneReady((i) => {
+  i.fitView({
+    padding: 0.2,
+  })
+  console.log(i.getElements())
+})
 </script>
 <template>
-  <VueFlow :nodes="nodes" :edges="edges" @pane-ready="onLoad"> </VueFlow>
+  <VueFlow />
 </template>