tab, component, popup 변경

stores/router.client.ts

@@ -0,0 +1,7 @@
+export default defineNuxtPlugin(() => {
+    return {
+      provide: {
+        router: useRouter()
+      }
+    }
+  })

stores/tab.ts

@@ -1,36 +1,64 @@
-// stores/tabs.ts
-import { defineStore } from 'pinia'
+import { defineStore } from "pinia";
 
-export interface TabItem {
-  key: string
-  label: string
-  to: string
-  componentName: string
+interface Tab {
+  key: number;          // 1~10
+  label: string;
+  to: string;           // 페이지 라우트
+  componentName: string;
 }
 
-export const useTabsStore = defineStore('tabs', {
+const defaultTab = { key: 1, label: "홈", to: "/", componentName: "home" };
+
+export const useTabsStore = defineStore("tabs", {
   state: () => ({
-    activeTab: '' as string,
-    tabs: [] as { key: string; label: string; to: string; componentName: string }[]
+    tabs: [defaultTab] as Tab[],
+    activeTab: 1
   }),
   actions: {
-    addTab(tab: TabItem) {
-      if (!this.tabs.find(t => t.key === tab.key)) {
-        this.tabs.push(tab)
+    // ✅ 새 탭 추가 (기본 페이지는 "/")
+    addTab() {
+      const { $router } = useNuxtApp();
+
+      if (this.tabs.length >= 10) {
+        alert("탭은 최대 10개까지 열 수 있습니다.");
+        return;
       }
-      this.activeTab = tab.key
+      // 빈 key 찾기
+      let key = 1;
+      while (this.tabs.find(t => t.key === key)) key++;
+
+      this.tabs.push({...defaultTab, key : key});
+      this.activeTab = key;
+      $router.push(defaultTab.to);
+      return key;
     },
-    removeTab(key: string) {
-      const idx = this.tabs.findIndex(t => t.key === key)
-      if (idx !== -1) {
-        this.tabs.splice(idx, 1)
-        if (this.activeTab === key && this.tabs.length) {
-          this.activeTab = this.tabs[Math.max(idx - 1, 0)].key
-        }
+
+    // ✅ 활성 탭 내용 변경 (서브메뉴 클릭)
+    updateActiveTab(sub: { label: string; to: string; componentName: string }) {
+      const { $router } = useNuxtApp();
+
+      const tab = this.tabs.find(t => t.key === this.activeTab);
+      if (tab) {
+        tab.label = sub.label;
+        tab.to = sub.to;
+        tab.componentName = sub.componentName;
+      }
+      $router.push(`/${tab?.key}${tab?.to}`);
+    },
+
+    removeTab(key: number) {
+      this.tabs = this.tabs.filter(t => t.key !== key);
+      if (this.activeTab === key) {
+        this.activeTab = this.tabs.length ? this.tabs[this.tabs.length - 1].key : 0;
       }
     },
-    setActiveTab(key: string) {
-      this.activeTab = key
+
+    setActiveTab(key: number) {
+      const { $router } = useNuxtApp();
+      this.activeTab = key;
+
+      const tab = this.tabs.find(t => t.key === this.activeTab);
+      $router.push(`/${tab?.key}${tab?.to}`);
     }
   }
-})
+});

stores/user.ts

@@ -10,64 +10,50 @@ export const useUserStore = defineStore("user", () => {
   } | null>(null);
   const token = ref<string | null>(null);
 
+
+  interface LoginData {
+    userId: string
+    role: string
+    lastLoginAt: string
+  }
+  
+  interface LoginResponse {
+    code: number
+    message: string
+    description: string
+    data: LoginData
+  }
+
   // 게터
   const isAdmin = computed(() => user.value?.role === "admin");
   const userName = computed(() => user.value?.name || "사용자");
-
   // 액션
   const login = async (userId: string, password: string) => {
     try {
       // 실제 API 호출로 대체할 수 있습니다
-      /*
-      const { data, error: _error } = await useApi('/login', {
+      
+      const {data, error: _error } = await useApi<LoginResponse>('/service/login', {
         method: 'post',
-        body: { id: userId, pw: password, loginLogFlag : 0 }
-      })
-     */
-      // 임시 로그인 로직 (실제로는 API 응답을 사용)
-      if (userId && password) {
-        // 테스트 계정 확인
-        let mockUser;
-        
-        if (userId === "admin" && password === "stam1201!") {
-          mockUser = {
-            id: "1",
-            userId: "admin",
-            email: "admin@test.com",
-            name: "관리자",
-            role: "admin",
-          };
-        } else if (userId === "user" && password === "stam1201!") {
-          mockUser = {
-            id: "2",
-            userId: "user",
-            email: "user@test.com",
-            name: "일반사용자",
-            role: "user",
-          };
-        } else {
-          throw new Error("아이디 또는 비밀번호가 올바르지 않습니다.");
-        }
-        
-/*
-        if(data && data.value){
-          mockUser = data.value;
-        }else{
-          throw new Error("아이디 또는 비밀번호가 올바르지 않습니다.");
-        }
-*/
-        user.value = mockUser;
-        token.value = "mock-token-" + Date.now();
-        isLoggedIn.value = true;
+        body: { userId, password }
+      })     
+     
+      let mockUser;
 
-        // 로컬 스토리지에 저장
-        localStorage.setItem("user", JSON.stringify(mockUser));
-        localStorage.setItem("token", token.value);
-
-        return { success: true, user: mockUser };
-      } else {
-        throw new Error("아이디와 비밀번호를 입력해주세요.");
+      if(data && data.value && data.value.code === 200){
+        mockUser = data.value.data;
+      }else{
+        throw new Error("아이디 또는 비밀번호가 올바르지 않습니다.");
       }
+
+      user.value = mockUser;
+      token.value = "mock-token-" + Date.now();
+      isLoggedIn.value = true;
+
+      // 로컬 스토리지에 저장
+      localStorage.setItem("user", JSON.stringify(mockUser));
+      localStorage.setItem("token", token.value);
+
+      return { success: true, user: mockUser };
     } catch (error) {
       console.error("로그인 실패:", error);
       return {