feat: save vue version

sxzz · sxzz · commit 08b4492fe883 · 2024-02-10T16:48:48.000+08:00
diff --git a/src/import-map.ts b/src/import-map.ts
@@ -13,7 +13,7 @@ export function useVueImportMap(
   }
 
   const productionMode = ref(false)
-  const vueVersion = ref<string | undefined>()
+  const vueVersion = ref<string | null>(null)
   const importMap = computed<ImportMap>(() => {
     const vue =
       (!vueVersion.value &&
diff --git a/src/store.ts b/src/store.ts
@@ -42,7 +42,7 @@ export function useStore(
     outputMode = ref('preview'),
     sfcOptions = ref({}),
     compiler = shallowRef(defaultCompiler),
-    vueVersion = ref(),
+    vueVersion = ref(null),
 
     locale = ref(),
     typescriptVersion = ref('latest'),
@@ -257,7 +257,11 @@ export function useStore(
       serializedState = serializedState.slice(1)
     const saved = JSON.parse(atou(serializedState))
     for (const filename in saved) {
-      setFile(files.value, filename, saved[filename])
+      if (filename === '_version') {
+        vueVersion.value = saved[filename]
+      } else {
+        setFile(files.value, filename, saved[filename])
+      }
     }
   }
   const getFiles: ReplStore['getFiles'] = () => {
@@ -266,6 +270,7 @@ export function useStore(
       const normalized = stripSrcPrefix(filename)
       exported[normalized] = file.code
     }
+    if (vueVersion.value) exported._version = vueVersion.value
     return exported
   }
   const setFiles: ReplStore['setFiles'] = async (
@@ -385,7 +390,7 @@ export type StoreState = ToRefs<{
   /** `@vue/compiler-sfc` */
   compiler: typeof defaultCompiler
   /* only apply for compiler-sfc */
-  vueVersion: string | undefined
+  vueVersion: string | null
 
   // volar-related
   locale: string | undefined

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ export function useVueImportMap(`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`const productionMode = ref(false)`
`16`		`- const vueVersion = ref<string \| undefined>()`
	`16`	`+ const vueVersion = ref<string \| null>(null)`
`17`	`17`	`const importMap = computed<ImportMap>(() => {`
`18`	`18`	`const vue =`
`19`	`19`	`(!vueVersion.value &&`