diff --git a/docs/components/DocsRepl.vue b/docs/components/DocsRepl.vue
index 2cc857d6..f0e9656e 100644
--- a/docs/components/DocsRepl.vue
+++ b/docs/components/DocsRepl.vue
@@ -39,6 +39,7 @@ body,
 
 const store = new ReplStore({
   showOutput: true,
+  outputMode: 'preview',
 })
 
 const files: Record<string, (typeof imports)[keyof typeof imports]> = {}
diff --git a/docs/components/home/flows/Intro.vue b/docs/components/home/flows/Intro.vue
index d3d37b0e..0c6107c3 100644
--- a/docs/components/home/flows/Intro.vue
+++ b/docs/components/home/flows/Intro.vue
@@ -56,7 +56,7 @@ const initialEdges = [
     style: { strokeWidth: 4, stroke: '#0ea5e9' },
   },
 ]
-const { getNodes, findNode, setEdges, updateNodeInternals, dimensions, onPaneReady } = useVueFlow({
+const { getNodes, findNode, setEdges, updateNodeInternals, dimensions } = useVueFlow({
   nodes: [
     { id: 'intro', type: 'box', position: { x: 0, y: 0 } },
     { id: 'examples', type: 'box', position: { x: -50, y: 400 } },
@@ -177,9 +177,7 @@ const setElements = useDebounceFn(() => {
   })
 }, 1)
 
-onMounted(() => {
-  useResizeObserver(el, setElements)
-})
+useResizeObserver(el, setElements)
 
 function scrollTo() {
   const el = document.getElementById('acknowledgement')