From 4263a0a235726d3cda853458bb5a67cda8ebc9b9 Mon Sep 17 00:00:00 2001
From: wangqiao <wangqiao@kailinjt.com>
Date: Tue, 26 Aug 2025 16:25:58 +0800
Subject: [PATCH] Update store paths and add persistence plugin

---
 components/kl-email/index.vue                 |  2 +-
 components/kl-login/index.vue                 |  2 +-
 components/kl-menus-v2/index.vue              |  2 +-
 components/kl-nav-tab/index.vue               |  7 +++---
 .../kl-quick-menu/components/kl-service.vue   |  2 +-
 .../kl-quick-menu/components/kl-vip.vue       |  2 +-
 components/kl-quick-menu/index.vue            |  2 +-
 components/kl-register/index.vue              |  2 +-
 components/kl-search/index.vue                |  2 +-
 nuxt.config.ts                                |  7 ++++--
 package.json                                  |  1 +
 pages/channel/components/ChannelHeader.vue    |  2 +-
 pages/channel/components/UserInfo.vue         |  2 +-
 pages/chat-page/index.vue                     |  2 +-
 pages/down-drawe-detail/index.vue             |  2 +-
 pages/home/components/LoginForm.vue           |  2 +-
 .../components/account-security.vue           |  2 +-
 .../components/components/message.vue         |  2 +-
 .../components/components/pay.vue             |  2 +-
 pages/personal-Center/components/info.vue     |  2 +-
 .../components/resource-center.vue            |  2 +-
 pages/sign-content/index.vue                  |  2 +-
 pages/toolbox/components/search.vue           |  2 +-
 {store => stores}/index.ts                    |  0
 {store => stores}/permissions.ts              |  0
 {store => stores}/user.ts                     | 12 ++++++---
 yarn.lock                                     | 25 ++++++++++++++++++-
 27 files changed, 61 insertions(+), 31 deletions(-)
 rename {store => stores}/index.ts (100%)
 rename {store => stores}/permissions.ts (100%)
 rename {store => stores}/user.ts (92%)

diff --git a/components/kl-email/index.vue b/components/kl-email/index.vue
index 233afc6..980849c 100644
--- a/components/kl-email/index.vue
+++ b/components/kl-email/index.vue
@@ -87,7 +87,7 @@
   import { login, sendEmailCode, loginByEmail } from '~/api/login/index'
   import refreshToken from '~/utils/RefreshToken'
   import { handleLoginQQ, handleLoginWechat, generateRandomString } from '~/utils/login'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
   const { $openRegister, $openLogin } = useNuxtApp()
 
diff --git a/components/kl-login/index.vue b/components/kl-login/index.vue
index 9f21c1e..adb04c1 100644
--- a/components/kl-login/index.vue
+++ b/components/kl-login/index.vue
@@ -88,7 +88,7 @@
   import { sendSms } from '~/api/common/index'
   import REFRESHTOKEN from '~/utils/RefreshToken'
   import { handleLoginQQ, handleLoginWechat } from '~/utils/login'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const app = useNuxtApp()
   const token = useToken();
 
diff --git a/components/kl-menus-v2/index.vue b/components/kl-menus-v2/index.vue
index 93c14bd..9527aac 100644
--- a/components/kl-menus-v2/index.vue
+++ b/components/kl-menus-v2/index.vue
@@ -30,7 +30,7 @@
   </div>
 </template>
 <script setup lang="ts">
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
   import { BellFilled } from '@element-plus/icons-vue'
   import { ref, computed } from 'vue'
diff --git a/components/kl-nav-tab/index.vue b/components/kl-nav-tab/index.vue
index f47046a..487c78d 100644
--- a/components/kl-nav-tab/index.vue
+++ b/components/kl-nav-tab/index.vue
@@ -68,10 +68,10 @@
   import type { ProjectDrawStatisticAppRespVO } from '~/api/home/type'
   import { Search } from '@element-plus/icons-vue'
   import refreshToken from "~/utils/RefreshToken";
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
   const app = useNuxtApp()
-
+  
   const props = defineProps({
     active: {
       type: String,
@@ -89,8 +89,6 @@
 
   // 是否登录
   const isLogin = computed(() => {
-    console.log('userStore.token', refreshToken.getToken());
-    
     return !!userStore.token
   })
 
@@ -180,6 +178,7 @@
   }
   const handleCommand = (command: string) => {
     if (command === '退出') {
+      clearNuxtState(['token', 'userInfo'])
       userStore.logout()
       userStore.$reset()
     } else if (command === '个人中心') {
diff --git a/components/kl-quick-menu/components/kl-service.vue b/components/kl-quick-menu/components/kl-service.vue
index 7fc7ac1..f861637 100644
--- a/components/kl-quick-menu/components/kl-service.vue
+++ b/components/kl-quick-menu/components/kl-service.vue
@@ -91,7 +91,7 @@
   import { upload } from '~/api/common'
   import { sendKefuMessage, getMessagePage } from '~/api/channel/index'
   import type { msgType, PageResultMessageRespVO } from '~/api/channel/types'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
   import dayjs from 'dayjs'
 
diff --git a/components/kl-quick-menu/components/kl-vip.vue b/components/kl-quick-menu/components/kl-vip.vue
index f5951b4..97fa186 100644
--- a/components/kl-quick-menu/components/kl-vip.vue
+++ b/components/kl-quick-menu/components/kl-vip.vue
@@ -41,7 +41,7 @@
   import type { AppPayWalletPackageRespVO } from '~/api/pay/types'
   // @ts-ignore
   import QrcodeVue from 'qrcode.vue'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
   const props = defineProps({
     modelValue: {
diff --git a/components/kl-quick-menu/index.vue b/components/kl-quick-menu/index.vue
index d0b922e..37cb9f5 100644
--- a/components/kl-quick-menu/index.vue
+++ b/components/kl-quick-menu/index.vue
@@ -33,7 +33,7 @@
 
 <script setup lang="ts">
   import { ref, onMounted } from 'vue'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   import { Service, Top, Promotion, Checked, Trophy } from '@element-plus/icons-vue'
   import KlService from './components/kl-service.vue'
   import KlVip from './components/kl-vip.vue'
diff --git a/components/kl-register/index.vue b/components/kl-register/index.vue
index 7ebc41d..8ae2152 100644
--- a/components/kl-register/index.vue
+++ b/components/kl-register/index.vue
@@ -58,7 +58,7 @@
   const { $openLogin } = useNuxtApp()
 
   import REFRESHTOKEN from '~/utils/RefreshToken'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
 
   const props = defineProps({
diff --git a/components/kl-search/index.vue b/components/kl-search/index.vue
index e47ef24..00dff85 100644
--- a/components/kl-search/index.vue
+++ b/components/kl-search/index.vue
@@ -61,7 +61,7 @@
 <script setup lang="ts">
   import { onMounted, ref } from 'vue'
   import { Search } from '@element-plus/icons-vue'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
 
   import { top } from '~/api/home/index'
diff --git a/nuxt.config.ts b/nuxt.config.ts
index c6e5fc1..f44ff91 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -11,7 +11,7 @@ export default defineNuxtConfig({
   debug: process.env.NODE_ENV === "development",   // 开启详细调试日志
 
   ssr: true,
-  modules: ["@unocss/nuxt", "@pinia/nuxt", "@element-plus/nuxt"],
+  modules: ["@unocss/nuxt", "@pinia/nuxt", "@element-plus/nuxt",'pinia-plugin-persistedstate/nuxt'],
   css: ["@unocss/reset/tailwind.css", "element-plus/dist/index.css","~/assets/scss/app.scss"],
   vite: {
     css: {
@@ -115,5 +115,8 @@ export default defineNuxtConfig({
   plugins: [
     // 在这里引入插件
     // { src: "~plugins/tinymce" ,ssr: false},
-  ]
+  ],
+  piniaPersistedstate: {
+    storage: 'localStorage'
+  }
 });
diff --git a/package.json b/package.json
index b6a7c8f..21fec9a 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
   "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610",
   "devDependencies": {
     "@element-plus/nuxt": "^1.1.4",
+    "@pinia-plugin-persistedstate/nuxt": "^1.2.1",
     "@unocss/nuxt": "^66.4.2",
     "element-plus": "^2.10.7",
     "sass": "^1.90.0",
diff --git a/pages/channel/components/ChannelHeader.vue b/pages/channel/components/ChannelHeader.vue
index 36d4293..dfda5ab 100644
--- a/pages/channel/components/ChannelHeader.vue
+++ b/pages/channel/components/ChannelHeader.vue
@@ -68,7 +68,7 @@
   import type { ChannelRespVO } from '~/api/channel/types'
   import { createChannelFollow, deleteChannelFollow } from '~/api/channel/index'
   import ChatPage from '~/pages/chat-page/index.vue'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
 
   const lunTanRes = defineModel<ChannelRespVO>('modelValue', {
diff --git a/pages/channel/components/UserInfo.vue b/pages/channel/components/UserInfo.vue
index bace83b..de46084 100644
--- a/pages/channel/components/UserInfo.vue
+++ b/pages/channel/components/UserInfo.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script setup lang="ts">
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
   const handleClick = () => {
     // 判断是否登录
diff --git a/pages/chat-page/index.vue b/pages/chat-page/index.vue
index fd683b4..a32f09c 100644
--- a/pages/chat-page/index.vue
+++ b/pages/chat-page/index.vue
@@ -106,7 +106,7 @@
   import type { msgType, PageResultMessageRespVO, MemberUserRespDTO } from '~/api/channel/types'
   import { ref, onMounted, nextTick, watch, onUnmounted } from 'vue'
   // import dayjs from 'dayjs'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
 
   const props = defineProps({
diff --git a/pages/down-drawe-detail/index.vue b/pages/down-drawe-detail/index.vue
index 77c9a73..703a8fb 100644
--- a/pages/down-drawe-detail/index.vue
+++ b/pages/down-drawe-detail/index.vue
@@ -181,7 +181,7 @@
   import { useRoute } from 'vue-router'
   import { ref } from 'vue'
   import type { ProjectRespVO, ProjectDrawPageRespVO, UserExtendSimpleRespDTO, ProjectDrawMemberRespVO } from '~/api/drawe-detail/types'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const message = useMessage()
   const userStore = useUserStore()
   // 获取路由参数
diff --git a/pages/home/components/LoginForm.vue b/pages/home/components/LoginForm.vue
index 0494ae2..1223781 100644
--- a/pages/home/components/LoginForm.vue
+++ b/pages/home/components/LoginForm.vue
@@ -81,7 +81,7 @@
   import { handleLoginQQ, handleLoginWechat } from '~/utils/login'
   import type { UserStatisticsCountRespVO } from '~/api/personal-center/types'
   import { getUserStatistics } from '~/api/personal-center/index'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
   const app = useNuxtApp()
 
diff --git a/pages/personal-Center/components/account-security.vue b/pages/personal-Center/components/account-security.vue
index 14922ec..43c1cfd 100644
--- a/pages/personal-Center/components/account-security.vue
+++ b/pages/personal-Center/components/account-security.vue
@@ -56,7 +56,7 @@
   import { reactive, ref } from 'vue'
   import { resetPassoword } from '~/api/login/index'
   import { sendSms } from '~/api/common/index'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
 
   const activeName = ref('修改密码')
diff --git a/pages/personal-Center/components/components/message.vue b/pages/personal-Center/components/components/message.vue
index 016c162..55ff111 100644
--- a/pages/personal-Center/components/components/message.vue
+++ b/pages/personal-Center/components/components/message.vue
@@ -131,7 +131,7 @@
   import { upload } from '~/api/common'
   import { sendSingleChat, conversationList, getChatDetail, clearUnreadMessage } from '~/api/channel/index'
   import type { chatMessagesReq, msgType, PageResultSessionRespVO, PageResultMessageRespVO } from '~/api/channel/types'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
   import dayjs from 'dayjs'
 
diff --git a/pages/personal-Center/components/components/pay.vue b/pages/personal-Center/components/components/pay.vue
index eb37e57..aaa9bd1 100644
--- a/pages/personal-Center/components/components/pay.vue
+++ b/pages/personal-Center/components/components/pay.vue
@@ -44,7 +44,7 @@
   import type { AppPayWalletPackageRespVO } from '~/api/pay/types'
   // @ts-ignore
   import QrcodeVue from 'qrcode.vue'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
 
   const props = defineProps({
diff --git a/pages/personal-Center/components/info.vue b/pages/personal-Center/components/info.vue
index daa9712..8de961e 100644
--- a/pages/personal-Center/components/info.vue
+++ b/pages/personal-Center/components/info.vue
@@ -107,7 +107,7 @@
   import Message from './components/message.vue'
   import InfoEcharts from './info-echarts.vue'
   import Pay from './components/pay.vue'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
 
   // 路由跳转
diff --git a/pages/personal-Center/components/resource-center.vue b/pages/personal-Center/components/resource-center.vue
index 41098e2..01704e8 100644
--- a/pages/personal-Center/components/resource-center.vue
+++ b/pages/personal-Center/components/resource-center.vue
@@ -40,7 +40,7 @@
   import downloadTable from './components/download-table.vue'
   import favoriteTable from './components/favorite-table.vue'
   import browseTable from './components/browse-table.vue'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
 
   const activeName = ref('我的上传')
diff --git a/pages/sign-content/index.vue b/pages/sign-content/index.vue
index 92e8cac..ad2ecad 100644
--- a/pages/sign-content/index.vue
+++ b/pages/sign-content/index.vue
@@ -69,7 +69,7 @@
   import { Search } from '@element-plus/icons-vue'
   import { signIn, getUserPointPage } from '~/api/personal-center/index'
   import type { PageResultMemberPointRecordRespVO } from '~/api/personal-center/types'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   import dayjs from 'dayjs'
   const userStore = useUserStore()
   const user = useUserInfo();
diff --git a/pages/toolbox/components/search.vue b/pages/toolbox/components/search.vue
index e924303..f3789e3 100644
--- a/pages/toolbox/components/search.vue
+++ b/pages/toolbox/components/search.vue
@@ -37,7 +37,7 @@
 <script setup lang="ts">
   import { ref } from 'vue'
   import { Search } from '@element-plus/icons-vue'
-  import useUserStore from '~/store/user'
+  import useUserStore from '~/stores/user'
   const userStore = useUserStore()
 
   const emits = defineEmits(['search'])
diff --git a/store/index.ts b/stores/index.ts
similarity index 100%
rename from store/index.ts
rename to stores/index.ts
diff --git a/store/permissions.ts b/stores/permissions.ts
similarity index 100%
rename from store/permissions.ts
rename to stores/permissions.ts
diff --git a/store/user.ts b/stores/user.ts
similarity index 92%
rename from store/user.ts
rename to stores/user.ts
index f005468..9d38c6a 100644
--- a/store/user.ts
+++ b/stores/user.ts
@@ -1,4 +1,4 @@
-import { defineStore } from "pinia";
+import { defineStore, skipHydrate } from "pinia";
 import refreshToken from "~/utils/RefreshToken";
 import { getUserInfo } from "~/api/common/index";
 import type { AppMemberUserInfoRespVO } from "~/api/common/types";
@@ -6,9 +6,9 @@ import MQTTClient from "~/utils/mqttClient";
 import { socialLoginByCode } from "~/api/pay";
 
 export default defineStore("useUserStore", {
-  
+
   state: () => ({
-    token: refreshToken.getToken().token || "",
+    token: refreshToken.getToken().token || '',
     refreshToken: refreshToken.getToken().refreshToken || "",
     userId: refreshToken.getToken().userId || "",
     userName: refreshToken.getToken().userName || "",
@@ -50,7 +50,7 @@ export default defineStore("useUserStore", {
     },
     // 建立连接mqtt
     async connectMqtt() {
-      if (process.client) {
+      if (import.meta.client) {
         this.mqttClient = new MQTTClient("wss://www.tuxixi.net/mqtt", {
           clientId: this.userInfoRes.id,
         });
@@ -106,4 +106,8 @@ export default defineStore("useUserStore", {
       }
     },
   },
+    persist: import.meta.client && {
+      storage: localStorage,
+      pick: ['token', 'refreshToken', 'userId', 'userName', 'userInfoRes'],
+    }
 });
diff --git a/yarn.lock b/yarn.lock
index 74cb1cb..beec998 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1009,7 +1009,7 @@
     which "^5.0.0"
     ws "^8.18.3"
 
-"@nuxt/kit@3.18.1", "@nuxt/kit@^3.13.2", "@nuxt/kit@^3.15.4", "@nuxt/kit@^3.17.6", "@nuxt/kit@^3.9.0":
+"@nuxt/kit@3.18.1", "@nuxt/kit@^3.12.2", "@nuxt/kit@^3.13.2", "@nuxt/kit@^3.15.4", "@nuxt/kit@^3.17.6", "@nuxt/kit@^3.9.0":
   version "3.18.1"
   resolved "https://registry.npmmirror.com/@nuxt/kit/-/kit-3.18.1.tgz"
   integrity sha512-z6w1Fzv27CIKFlhct05rndkJSfoslplWH5fJ9dtusEvpYScLXp5cATWIbWkte9e9zFSmQTgDQJjNs3geQHE7og==
@@ -1484,6 +1484,15 @@
     "@parcel/watcher-win32-ia32" "2.5.1"
     "@parcel/watcher-win32-x64" "2.5.1"
 
+"@pinia-plugin-persistedstate/nuxt@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.npmmirror.com/@pinia-plugin-persistedstate/nuxt/-/nuxt-1.2.1.tgz#15f7c3d172bd6320f6017d9ccf785019a7de1060"
+  integrity sha512-q8s+4aQW/AjBMyeqLL48/qzBR5lcgnvvf1525ovNuKf6Wl9CsoLjPKh/5X8vNoKGwSow4gP7lVmdYPQRypgjgg==
+  dependencies:
+    "@nuxt/kit" "^3.12.2"
+    defu "^6.1.4"
+    pinia-plugin-persistedstate ">=3.2.1"
+
 "@pinia/nuxt@^0.11.2":
   version "0.11.2"
   resolved "https://registry.npmmirror.com/@pinia/nuxt/-/nuxt-0.11.2.tgz"
@@ -3187,6 +3196,11 @@ decimal.js@^10.6.0:
   resolved "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.6.0.tgz#e649a43e3ab953a72192ff5983865e509f37ed9a"
   integrity sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==
 
+deep-pick-omit@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmmirror.com/deep-pick-omit/-/deep-pick-omit-1.2.1.tgz#c035b27a4c86518b76f60ffa3004e6c61f317032"
+  integrity sha512-2J6Kc/m3irCeqVG42T+SaUMesaK7oGWaedGnQQK/+O0gYc+2SP5bKh/KKTE7d7SJ+GCA9UUE1GRzh6oDe0EnGw==
+
 deepmerge@^4.2.2:
   version "4.3.1"
   resolved "https://registry.npmmirror.com/deepmerge/-/deepmerge-4.3.1.tgz"
@@ -5435,6 +5449,15 @@ picomatch@^4.0.2, picomatch@^4.0.3:
   resolved "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.3.tgz"
   integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
 
+pinia-plugin-persistedstate@>=3.2.1:
+  version "4.5.0"
+  resolved "https://registry.npmmirror.com/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-4.5.0.tgz#18563d635720de8459a94c051da4befa0c4b18b9"
+  integrity sha512-QTkP1xJVyCdr2I2p3AKUZM84/e+IS+HktRxKGAIuDzkyaKKV48mQcYkJFVVDuvTxlI5j6X3oZObpqoVB8JnWpw==
+  dependencies:
+    deep-pick-omit "^1.2.1"
+    defu "^6.1.4"
+    destr "^2.0.5"
+
 pinia@^3.0.3:
   version "3.0.3"
   resolved "https://registry.npmmirror.com/pinia/-/pinia-3.0.3.tgz"