docs: remove onPaneReady handler from Intro.vue

docs/components/home/flows/Intro.vue

@@ -41,7 +41,7 @@ const initialEdges = [
     style: { strokeWidth: 2, stroke: '#0ea5e9' },
   },
 ]
-const { dimensions, instance, onNodeClick, onPaneReady, getNodes, getNode, getEdge, updateEdge, edges, setEdges } = useVueFlow({
+const { dimensions, instance, onNodeClick, getNodes, getNode, getEdge, updateEdge, edges, setEdges } = useVueFlow({
   nodes: [
     { id: 'intro', type: 'box', position: { x: 0, y: 0 } },
     { id: 'examples', type: 'box', position: { x: -50, y: 400 } },
@@ -103,7 +103,8 @@ onNodeClick(async ({ node }) => {
 const init = ref(false)
 const el = templateRef<HTMLDivElement>('el', null)
 
-onPaneReady(({ fitView }) => {
+let stopObserver: () => void
+
 const setNodes = () => {
   if (breakpoints.isSmaller('md')) {
     const mainNode = getNode.value('intro')!
@@ -191,13 +192,13 @@ onPaneReady(({ fitView }) => {
   }
 
   nextTick(() => {
-      fitView()
+    instance.value?.fitView()
     if (!init.value) init.value = true
   })
 }
 
-  useResizeObserver(el, useDebounceFn(setNodes, 5))
+const { stop } = useResizeObserver(el, useDebounceFn(setNodes, 5))
-})
+onBeforeUnmount(stop)
 
 const scrollTo = () => {
   const el = document.getElementById('acknowledgement')