refactor: 缓存重命名Local修改为localStorage

src/store/modules/app.ts

@@ -1,31 +1,32 @@
 import {AppState} from "@/store/interface";
-import {Local} from "@/utils/storage";
+import {localStorage} from "@/utils/storage";
 import {store} from "@/store";
 import {defineStore} from "pinia";
+import { getLanguage } from '@/lang/index'
 
 export const useAppStore = defineStore({
     id: "app",
     state: (): AppState => ({
         device: 'desktop',
         sidebar: {
-            opened: Local.get('sidebarStatus') ? !!+Local.get('sidebarStatus') : true,
+            opened: localStorage.get('sidebarStatus') ? !!+localStorage.get('sidebarStatus') : true,
             withoutAnimation: false
         },
-        language: 'zh',
-        size: Local.get('size')||'default'
+        language: getLanguage(),
+        size: localStorage.get('size')||'default'
     }),
     actions: {
         toggleSidebar() {
             this.sidebar.opened = !this.sidebar.opened
             this.sidebar.withoutAnimation = false
             if (this.sidebar.opened) {
-                Local.set('sidebarStatus', 1)
+                localStorage.set('sidebarStatus', 1)
             } else {
-                Local.set('sidebarStatus', 0)
+                localStorage.set('sidebarStatus', 0)
             }
         },
         closeSideBar(withoutAnimation: any) {
-            Local.set('sidebarStatus', 0)
+            localStorage.set('sidebarStatus', 0)
             this.sidebar.opened = false
             this.sidebar.withoutAnimation = withoutAnimation
         },
@@ -34,7 +35,11 @@ export const useAppStore = defineStore({
         },
         setSize(size: string) {
             this.size = size
-            Local.set('size', size)
+            localStorage.set('size', size)
+        },
+        setLanguage(language: string) {
+            this.language = language
+            localStorage.set('language', language)
         }
     }
 })

src/store/modules/user.ts

@@ -1,13 +1,13 @@
 import { defineStore } from "pinia";
 import { store } from "@/store";
 import {UserState} from "@/store/interface";
-import {Local} from "@/utils/storage";
+import {localStorage} from "@/utils/storage";
 import {getUserInfo, login, logout} from "@/api/login";
 import {resetRouter} from "@/router";
 
 const getDefaultState = () => {
     return {
-        token: Local.get('token'),
+        token: localStorage.get('token'),
         nickname: '',
         avatar: '',
         roles: [],
@@ -18,7 +18,7 @@ const getDefaultState = () => {
 export const useUserStore = defineStore({
    id:"user",
     state: ():UserState=>({
-        token: Local.get('token') || '',
+        token: localStorage.get('token') || '',
         nickname: '',
         avatar: '',
         roles: [],
@@ -50,7 +50,7 @@ export const useUserStore = defineStore({
                 ).then(response => {
                     const {access_token, token_type} = response.data
                     const accessToken = token_type + " " + access_token
-                    Local.set("token", accessToken)
+                    localStorage.set("token", accessToken)
                     this.token = accessToken
                     resolve(access_token)
                 }).catch(error => {
@@ -90,7 +90,7 @@ export const useUserStore = defineStore({
         logout() {
             return new Promise(((resolve, reject) => {
                 logout().then(() => {
-                    Local.remove('token')
+                    localStorage.remove('token')
                     this.RESET_STATE()
                     resetRouter()
                     resolve(null)
@@ -105,7 +105,7 @@ export const useUserStore = defineStore({
          */
         resetToken(){
             return new Promise(resolve=>{
-                Local.remove('token')
+                localStorage.remove('token')
                 this.RESET_STATE()
                 resolve(null)
             })