diff --git a/docs/components/Repl.vue b/docs/components/Repl.vue
index ebeeff50..287edcbe 100644
--- a/docs/components/Repl.vue
+++ b/docs/components/Repl.vue
@@ -53,23 +53,25 @@ for (const example of Object.keys(imports)) {
   }
 }
 
-await store.setFiles(
-  {
-    ...files,
-    'main.css': css,
-  },
-  props.mainFile ?? 'App.vue',
-)
+onMounted(async () => {
+  await store.setVueVersion('3.2.25')
 
-// pre-set import map
-store.setImportMap({
-  imports: {
-    '@braks/vue-flow': `${location.origin}/vue-flow.es.js`,
-  },
+  await store.setFiles(
+    {
+      ...files,
+      'main.css': css,
+    },
+    props.mainFile ?? 'App.vue',
+  )
+
+  // pre-set import map
+  store.setImportMap({
+    imports: {
+      '@braks/vue-flow': `${location.origin}/vue-flow.es.js`,
+    },
+  })
 })
 
-store.setVueVersion('3.2.25')
-
 const sfcOptions = {
   script: {
     reactivityTransform: true,