feat: 🚀 修改 pinia 持久化插件

以前 pinia-plugin-persist 插件存在bug

.vscode/settings.json

@@ -42,6 +42,7 @@
 		"openxmlformats",
 		"pageable",
 		"Parens",
+		"persistedstate",
 		"Pinia",
 		"Prefixs",
 		"singleline",

README.md

@@ -57,7 +57,7 @@ cnpm install
 npm install --registry=https://registry.npm.taobao.org
 
 # 暂时没用，只是为了指定版本
-npm i @element-plus/icons-vue@1.1.4 @vueuse/core@8.0.1 axios@0.27.2 echarts@5.3.0 echarts-liquidfill@3.1.0 element-plus@2.2.5 js-md5@0.7.3 nprogress@0.2.0 pinia@2.0.12 pinia-plugin-persist@1.0.0 qs@6.10.3 vue@3.2.25 vue-router@4.0.12 vue-i18n@9.1.9 vue3-seamless-scroll@1.2.0 --save
+npm i @element-plus/icons-vue@1.1.4 @vueuse/core@8.0.1 axios@0.27.2 echarts@5.3.0 echarts-liquidfill@3.1.0 element-plus@2.2.5 js-md5@0.7.3 nprogress@0.2.0 pinia@2.0.12 pinia-plugin-persistedstate@1.6.1 qs@6.10.3 vue@3.2.25 vue-i18n@9.1.9 vue-router@4.0.12 vue3-seamless-scroll@1.2.0 --save
 ```
 
 - **Run：**

package.json

@@ -28,7 +28,7 @@
 		"js-md5": "^0.7.3",
 		"nprogress": "^0.2.0",
 		"pinia": "^2.0.12",
-		"pinia-plugin-persist": "^1.0.0",
+		"pinia-plugin-persistedstate": "^1.6.1",
 		"qs": "^6.10.3",
 		"vue": "^3.2.25",
 		"vue-i18n": "^9.1.9",

src/App.vue

@@ -9,8 +9,8 @@ import { reactive, computed } from "vue";
 import { GlobalStore } from "@/store";
 
 // 配置element中英文
-import zhCn from "element-plus/lib/locale/lang/zh-cn";
-import en from "element-plus/lib/locale/lang/en";
+import zhCn from "element-plus/es/locale/lang/zh-cn";
+import en from "element-plus/es/locale/lang/en";
 
 const globalStore = GlobalStore();
 // 配置element按钮文字中间是否有空格

src/config/piniaPersist.ts

@@ -1,16 +1,11 @@
-import { PersistOptions } from "pinia-plugin-persist";
+import { PersistedStateOptions } from "pinia-plugin-persistedstate";
 
 // pinia持久化参数配置
 const piniaPersistConfig = (key: string) => {
-	const persist: PersistOptions = {
-		enabled: true,
-		strategies: [
-			{
-				key,
-				storage: localStorage
-				// storage: sessionStorage
-			}
-		]
+	const persist: PersistedStateOptions = {
+		key,
+		storage: window.localStorage
+		// storage: window.sessionStorage,
 	};
 	return persist;
 };

src/store/index.ts

@@ -1,8 +1,8 @@
 import { defineStore } from "pinia";
 import { GlobalState, ThemeConfigProp } from "./interface";
 import { createPinia } from "pinia";
-import piniaPersist from "pinia-plugin-persist";
 import piniaPersistConfig from "@/config/piniaPersist";
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 
 // defineStore 调用后返回一个函数，调用该函数获得 Store 实体
 export const GlobalStore = defineStore({
@@ -54,6 +54,6 @@ export const GlobalStore = defineStore({
 
 // piniaPersist(持久化)
 const pinia = createPinia();
-pinia.use(piniaPersist);
+pinia.use(piniaPluginPersistedstate);
 
 export default pinia;