feat: 开发中...

blog-frontend/src/components/HeaderComponent.vue

@@ -2,15 +2,9 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
 
-import { RouterLink } from 'vue-router'
-import { UserInfoResponseVORoleEnum } from "@/swagger";
-import { api, globalStore, siteSetting } from "@/api"
-import { updateCurrentUserInfo } from '@/utils';
+import { UserInfoResponseVORoleEnum, api, globalStore, siteSetting } from "@/api"
 import router from '@/router';
 
-const currentUserInfo = globalStore.currentUserInfo
-const navigationMenu = siteSetting.customNavigationMenu
-
 const menuIndex = ref<string>(document.location.pathname)
 
 onMounted(() => {
@@ -24,14 +18,21 @@ onMounted(() => {
                 document.title = title
             }
         })
-    if (currentUserInfo?.id) {
-        // 获取当前登录的用户信息
-        updateCurrentUserInfo();
-    }
 })
 
 function onSelectMenu(index: string) {
-    router.push(index)
+    switch (index) {
+        case '/logout': {
+            globalStore.currentUserInfo = undefined
+            globalStore.save()
+            router.push("/")
+            menuIndex.value = "/"
+            break;
+        }
+        default: {
+            router.push(index)
+        }
+    }
 }
 </script>
 
@@ -43,21 +44,24 @@ function onSelectMenu(index: string) {
         <el-menu-item index="/tags">
             标签
         </el-menu-item>
-        <el-menu-item v-for="customMenu in navigationMenu" :index="customMenu.text">
+        <el-menu-item v-for="customMenu in siteSetting.navigation" :index="customMenu.text">
             {{ customMenu.text }}
         </el-menu-item>
 
         <div class="flex-grow" />
 
-        <el-menu-item index="/login" v-if="!currentUserInfo?.id">
+        <el-menu-item index="/login" v-if="!globalStore.currentUserInfo?.id">
             登录
         </el-menu-item>
-        <el-menu-item index="/register" v-if="!currentUserInfo?.id">
+        <el-menu-item index="/register" v-if="!globalStore.currentUserInfo?.id">
             注册
         </el-menu-item>
-        <el-menu-item index="/manage" v-if="currentUserInfo?.role === UserInfoResponseVORoleEnum.ADMIN">
+        <el-menu-item index="/manage" v-if="globalStore.currentUserInfo?.role === UserInfoResponseVORoleEnum.ADMIN">
             管理面板
         </el-menu-item>
+        <el-menu-item index="/logout" v-if="globalStore.currentUserInfo?.id">
+            注销
+        </el-menu-item>
     </el-menu>
 </template>