From 2bd81fe173d6a6b043371a1647c8d1ee00bd3ebc Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 13 Jun 2022 14:55:48 +0200
Subject: [PATCH] docs: set repl store on mounted

---
 docs/components/Repl.vue | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

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,