diff --git a/components/i/UserInfo.vue b/components/i/UserInfo.vue
index 7b9b6b3acac8f2d4aa9ab9986a0741198c274254..19d32118606674ae2031eb34863fc5ae376d97a9 100644
--- a/components/i/UserInfo.vue
+++ b/components/i/UserInfo.vue
@@ -48,7 +48,7 @@
     </div>
 </template>
 <script setup>
-const { $setInfo } = useUserStore()
+const { $signOut } = useUserStore()
 const { $isSignIn, $info } = storeToRefs(useUserStore())
 const { $lang, $langOptions } = useI18nStore()
 const colorMode = useColorMode()
@@ -75,7 +75,10 @@ const items = [
     [
         {
             label: '退出登录',
-            icon: 'i-heroicons-power'
+            icon: 'i-heroicons-power',
+            click: () => {
+                $signOut()
+            }
         }
     ]
 ]
diff --git a/stores/user.js b/stores/user.js
index e10f6d0f72927a2d78e2695655c5fb451b5f1871..70b78b8230851495498661b821f1c751dfae1361 100644
--- a/stores/user.js
+++ b/stores/user.js
@@ -14,5 +14,10 @@ export const useUserStore = defineStore('user', () => {
 
     const $isSignIn = computed(() => !!token.value)
 
-    return { $info, $isSignIn }
+    function $signOut () {
+        token.value = null
+        userInfo.value = null
+    }
+
+    return { $info, $isSignIn, $signOut }
 })