fix: default chat room for first login

fix: refreshed twice when exiting

Author: Kerwin

src/router/permission.ts

@@ -8,7 +8,7 @@ export function setupPageGuard(router: Router) {
       try {
         const data = await authStore.getSession()
         if (String(data.auth) === 'false' && authStore.token)
-          authStore.removeToken()
+          await authStore.removeToken()
         if (to.path === '/500')
           next({ name: 'Root' })
         else

src/store/modules/auth/index.ts

@@ -53,12 +53,12 @@ export const useAuthStore = defineStore('auth-store', {
       setToken(token)
     },
 
-    removeToken() {
+    async removeToken() {
       this.token = undefined
       const userStore = useUserStore()
       userStore.resetUserInfo()
       const chatStore = useChatStore()
-      chatStore.clearLocalChat()
+      await chatStore.clearLocalChat()
       removeToken()
     },
   },

src/store/modules/chat/index.ts

@@ -29,7 +29,7 @@ export const useChatStore = defineStore('chat-store', {
       let uuid = this.active
       this.history = []
       this.chat = []
-      if (rooms.findIndex((item: { uuid: number | null }) => item.uuid === uuid) <= -1 && rooms.length > 0)
+      if (rooms.findIndex((item: { uuid: number | null }) => item.uuid === uuid) <= -1)
         uuid = null
 
       for (const r of rooms) {
@@ -237,11 +237,12 @@ export const useChatStore = defineStore('chat-store', {
       }
     },
 
-    clearLocalChat() {
+    async clearLocalChat() {
       this.chat = []
       this.history = []
       this.active = null
       this.recordState()
+      await router.push({ name: 'Chat' })
     },
 
     async reloadRoute(uuid?: number) {

src/utils/request/index.ts

@@ -28,10 +28,8 @@ function http<T = any>(
     if (res.data.status === 'Success' || typeof res.data === 'string')
       return res.data
 
-    if (res.data.status === 'Unauthorized') {
+    if (res.data.status === 'Unauthorized')
       authStore.removeToken()
-      window.location.reload()
-    }
 
     return Promise.reject(res.data)
   }

src/views/chat/layout/Permission.vue

@@ -57,7 +57,6 @@ async function handleVerify(verifytoken: string) {
   }
   catch (error: any) {
     ms.error(error.message ?? 'error')
-    authStore.removeToken()
   }
   finally {
     loading.value = false
@@ -87,7 +86,6 @@ async function handleLogin() {
   }
   catch (error: any) {
     ms.error(error.message ?? 'error')
-    authStore.removeToken()
     password.value = ''
   }
   finally {
@@ -135,7 +133,7 @@ async function handleRegister() {
 
         <!-- Add Tabs -->
         <NTabs v-model:value="activeTab" type="line">
-          <NTabPane name="login" :label="$t('common.login')">
+          <NTabPane name="login" :tab="$t('common.login')">
             <NInput v-model:value="username" type="text" :placeholder="$t('common.email')" class="mb-2" />
             <NInput v-model:value="password" type="password" :placeholder="$t('common.password')" class="mb-2" @keypress="handlePress" />
 
@@ -144,7 +142,7 @@ async function handleRegister() {
             </NButton>
           </NTabPane>
 
-          <NTabPane v-if="authStore.session && authStore.session.allowRegister" name="register" :label="$t('common.register')">
+          <NTabPane v-if="authStore.session && authStore.session.allowRegister" name="register" :tab="$t('common.register')">
             <NInput v-model:value="username" type="text" :placeholder="$t('common.email')" class="mb-2" />
             <NInput v-model:value="password" type="password" :placeholder="$t('common.password')" class="mb-2" @input="handlePasswordInput" />
             <NInput

src/views/chat/layout/sider/Footer.vue

@@ -1,18 +1,15 @@
 <script setup lang='ts'>
 import { defineAsyncComponent, ref } from 'vue'
-import { useRouter } from 'vue-router'
 import { HoverButton, SvgIcon, UserAvatar } from '@/components/common'
 import { useAuthStore } from '@/store'
 const Setting = defineAsyncComponent(() => import('@/components/common/Setting/index.vue'))
 
 const authStore = useAuthStore()
-const router = useRouter()
 
 const show = ref(false)
 
 async function handleLogout() {
-  authStore.removeToken()
-  router.go(0)
+  await authStore.removeToken()
 }
 </script>