diff --git a/components/i/UserInfo.vue b/components/i/UserInfo.vue
index 7cf9e1b2dac74fe5358d51abd4fd60dd9dfc272c..7b9b6b3acac8f2d4aa9ab9986a0741198c274254 100644
--- a/components/i/UserInfo.vue
+++ b/components/i/UserInfo.vue
@@ -48,6 +48,7 @@
     </div>
 </template>
 <script setup>
+const { $setInfo } = useUserStore()
 const { $isSignIn, $info } = storeToRefs(useUserStore())
 const { $lang, $langOptions } = useI18nStore()
 const colorMode = useColorMode()
diff --git a/stores/user.js b/stores/user.js
index 3100ab0e4a12905a4a373dc97fe236f0ee16d356..e10f6d0f72927a2d78e2695655c5fb451b5f1871 100644
--- a/stores/user.js
+++ b/stores/user.js
@@ -10,7 +10,7 @@ export const useUserStore = defineStore('user', () => {
     //     avatar: 'https://csdn-665-inscode.s3.cn-north-1.jdcloud-oss.com/inscode/202303/622eda98dfef6c4fdb84ccca/1680089871598-75919715-hvlk99ddLLhyNTXtl4TaQAgeFBFz4ZGD/avatar',
     //     pro: 1
     // })
-    const $info = computed(() => userInfo.value || {})
+    const $info = computed(() => userInfo.value ? JSON.parse(userInfo.value) : {})
 
     const $isSignIn = computed(() => !!token.value)