[UI 개선] 서브메뉴 및 탭 바 컴포넌트 추가, AppHeader 및 기본 레이아웃 수정, API 호출 로직 개선

stores/user.ts

@@ -9,7 +9,6 @@ export const useUserStore = defineStore(
       userId?: string;
       name?: string;
     } | null>(null);
-    const token = ref<string | null>(null);
 
     // 권한 스토어 참조
     const permissionsStore = usePermissionsStore();
@@ -48,37 +47,38 @@ export const useUserStore = defineStore(
       }
     };
 
-    const logout = () => {
-      user.value = null;
-      isLoggedIn.value = false;
+    const logout = async () => {
+      try {
+        const response = await useApi("/members/logout", {
+          method: "post",
+          loadingMessage: "로그아웃 처리중...",
+          handleError: false,
+          showAlert: false,
+        });
 
-      // 권한 데이터 초기화
-      permissionsStore.clearPermissions();
-      // 탭 초기화
-      tabsStore.resetTabs();
+        console.log("response:", response);
+      } catch (error) {
+        console.error(error);
+      } finally {
+        user.value = null;
+        isLoggedIn.value = false;
 
-      useApi("/members/logout", { method: "post" });
-    };
+        tabsStore.resetTabs();
+        permissionsStore.clearPermissions();
 
-    const setToken = (accessToken: string) => {
-      token.value = accessToken;
-    };
-
-    const getToken = () => {
-      return token;
+        // 로그인 페이지로 이동
+        await navigateTo("/login");
+      }
     };
 
     return {
       // 상태
       isLoggedIn,
       user,
-      token,
 
       // 액션
       login,
       logout,
-      setToken,
-      getToken,
     };
   },
   {