From ef22052055590dbbe6e85e26ce368938b0c93266 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Sat, 10 Feb 2024 20:11:33 +0800
Subject: [PATCH] fix: respect vue version at initialization

---
 src/store.ts | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/store.ts b/src/store.ts
index fc8546f5..556c7717 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -85,20 +85,24 @@ export function useStore(
       { deep: true, immediate: true },
     )
 
-    watch(vueVersion, async (version) => {
-      if (version) {
-        const compilerUrl = `https://cdn.jsdelivr.net/npm/@vue/compiler-sfc@${version}/dist/compiler-sfc.esm-browser.js`
-        loading.value = true
-        compiler.value = await import(/* @vite-ignore */ compilerUrl).finally(
-          () => (loading.value = false),
-        )
-        console.info(`[@vue/repl] Now using Vue version: ${version}`)
-      } else {
-        // reset to default
-        compiler.value = defaultCompiler
-        console.info(`[@vue/repl] Now using default Vue version`)
-      }
-    })
+    watch(
+      vueVersion,
+      async (version) => {
+        if (version) {
+          const compilerUrl = `https://cdn.jsdelivr.net/npm/@vue/compiler-sfc@${version}/dist/compiler-sfc.esm-browser.js`
+          loading.value = true
+          compiler.value = await import(/* @vite-ignore */ compilerUrl).finally(
+            () => (loading.value = false),
+          )
+          console.info(`[@vue/repl] Now using Vue version: ${version}`)
+        } else {
+          // reset to default
+          compiler.value = defaultCompiler
+          console.info(`[@vue/repl] Now using default Vue version`)
+        }
+      },
+      { immediate: true },
+    )
 
     watch(
       sfcOptions,