fix: copy the link to carry vue/ep and ts versions (#300)

* fix: user selected version

* Update src/composables/store.ts

fix: cannot be persistent between reload

Co-authored-by: Noblet Ouways <[email protected]>

* style: code format

* fix: recovery changes wait  fix

* fix: user selected version

---------

Co-authored-by: Noblet Ouways <[email protected]>

Author: huangmingfu

package.json

@@ -52,4 +52,4 @@
     "vue-tsc": "^2.1.6"
   },
   "prettier": "@sxzz/prettier-config"
-}
+}

src/composables/store.ts

@@ -28,6 +28,9 @@ export type Versions = Record<VersionKey, string>
 export interface UserOptions {
   styleSource?: string
   showHidden?: boolean
+  vueVersion?: string
+  tsVersion?: string
+  epVersion?: string
 }
 export type SerializeState = Record<string, string> & {
   _o?: UserOptions
@@ -50,17 +53,21 @@ export const useStore = (initial: Initial) => {
   const prUrl = `https://preview-${pr}-element-plus.surge.sh/bundle/dist`
 
   const versions = reactive<Versions>({
-    vue: 'latest',
-    elementPlus: pr ? 'preview' : 'latest',
-    typescript: 'latest',
+    vue: saved?._o?.vueVersion ?? 'latest',
+    elementPlus: pr ? 'preview' : (saved?._o?.epVersion ?? 'latest'),
+    typescript: saved?._o?.tsVersion ?? 'latest',
   })
   const userOptions: UserOptions = pr
     ? {
         showHidden: true,
         styleSource: `${prUrl}/index.css`,
       }
     : {}
-
+  Object.assign(userOptions, {
+    vueVersion: saved?._o?.vueVersion,
+    tsVersion: saved?._o?.tsVersion,
+    epVersion: saved?._o?.epVersion,
+  })
   const hideFile = !IS_DEV && !userOptions.showHidden
 
   const [nightly, toggleNightly] = useToggle(false)
@@ -210,13 +217,16 @@ export const useStore = (initial: Initial) => {
   async function setVersion(key: VersionKey, version: string) {
     switch (key) {
       case 'vue':
+        userOptions.vueVersion = version
         await setVueVersion(version)
         break
       case 'elementPlus':
         versions.elementPlus = version
+        userOptions.epVersion = version
         break
       case 'typescript':
         store.typescriptVersion = version
+        userOptions.tsVersion = version
         break
     }
   }