refactor: replace Vuex with Pinia

src/stores/auth.ts

@@ -0,0 +1,42 @@
+import { defineStore } from 'pinia'
+import type { authState } from '@/stores/types'
+
+export const useAuthStore = defineStore('auth', {
+  state: (): authState => ({
+    token: null,
+    remember: false,
+    originalPath: null,
+  }),
+
+  // 全局持久化
+  persist: true,
+
+  actions: {
+    setToken(token: string | null) {
+      this.token = token
+    },
+    clearToken() {
+      this.token = null
+    },
+    setRemember(remember: boolean) {
+      this.remember = remember
+    },
+    setOriginalPath(originalPath: string | null) {
+      this.originalPath = originalPath
+    },
+    login(payload: authState) {
+      this.setToken(payload.token)
+      this.setRemember(payload.remember)
+    },
+    logout() {
+      this.clearToken()
+      this.setOriginalPath(null)
+    },
+  },
+
+  getters: {
+    getToken: state => state.token,
+    getRemember: state => state.remember,
+    getOriginalPath: state => state.originalPath,
+  },
+})

src/stores/index.ts

@@ -0,0 +1,16 @@
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+
+// 创建 Pinia 实例
+const pinia = createPinia()
+
+// 使用持久化插件
+pinia.use(piniaPluginPersistedstate)
+
+export default pinia
+
+// 所有的 store
+import { useAuthStore } from './auth'
+import { useUserStore } from './user'
+
+export { useAuthStore, useUserStore }

src/stores/types.ts

@@ -0,0 +1,23 @@
+export interface authState {
+  // 用户令牌
+  token: string | null
+  // 记住我
+  remember: boolean
+  // 原始路径
+  originalPath?: string | null
+}
+
+export interface userState {
+  // 是否属于超级管理员
+  superUser: boolean
+  // 用户ID
+  userID: number
+  // 用户名
+  userName: string
+  // 头像
+  avatar: string
+  // 用户认证等级 1-未认证 2-已认证
+  level: number
+  // 权限
+  permissions: { [key: string]: any }
+}

src/stores/user.ts

@@ -0,0 +1,62 @@
+import { defineStore } from 'pinia'
+import type { userState } from '@/stores/types'
+
+export const useUserStore = defineStore('user', {
+  state: (): userState => ({
+    superUser: false,
+    userID: -1,
+    userName: '',
+    avatar: '',
+    level: 1,
+    permissions: {},
+  }),
+
+  // 全局持久化
+  persist: true,
+
+  actions: {
+    setSuperUser(superUser: boolean) {
+      this.superUser = superUser
+    },
+    setUserID(userID: number) {
+      this.userID = userID
+    },
+    setUserName(userName: string) {
+      this.userName = userName
+    },
+    setAvatar(avatar: string) {
+      this.avatar = avatar
+    },
+    setLevel(level: number) {
+      this.level = level
+    },
+    setPermissions(permissions: object) {
+      this.permissions = permissions
+    },
+    loginUser(payload: userState) {
+      this.setSuperUser(payload.superUser)
+      this.setUserID(payload.userID)
+      this.setUserName(payload.userName)
+      this.setAvatar(payload.avatar)
+      this.setLevel(payload.level)
+      this.setPermissions(payload.permissions)
+    },
+    reset() {
+      this.setSuperUser(false)
+      this.setUserID(-1)
+      this.setUserName('')
+      this.setAvatar('')
+      this.setLevel(1)
+      this.setPermissions({})
+    },
+  },
+
+  getters: {
+    getSuperUser: state => state.superUser,
+    getUserID: state => state.userID,
+    getUserName: state => state.userName,
+    getAvatar: state => state.avatar,
+    getLevel: state => state.level,
+    getPermissions: state => state.permissions,
+  },
+})