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>