시드 생성

frontend/src/App.vue

@@ -105,7 +105,7 @@ const singleMenuItems = ref([]);
 const expandedGroups = ref({});
 const isMobileView = ref(window.innerWidth < 768);
 const isSidebarVisible = ref(!isMobileView.value);
-const isLoggedIn = ref(!!localStorage.getItem('token'));
+const isLoggedIn = computed(() => !!user.value && !!localStorage.getItem('token'));
 const clubs = ref([]); // 클럽 목록
 const selectedClubId = ref(localStorage.getItem('clubId') || null); // 선택된 클럽 ID
 const selectedClub = ref(null);
@@ -296,6 +296,16 @@ const loadUserData = async () => {
   }
 };
 
+// 로그인 성공 후 상태 갱신 핸들러
+const handleUserLoggedIn = async () => {
+  await loadUserData();
+  if (isLoggedIn.value) {
+    await fetchClubs();
+    await fetchClubInfo();
+    loadMenuItems();
+  }
+};
+
 // 컴포넌트 마운트 시 데이터 로드
 onMounted(async () => {
   await loadUserData();
@@ -308,6 +318,9 @@ onMounted(async () => {
   // 화면 크기 변경 감지
   window.addEventListener('resize', handleResize);
 
+  // 로그인 성공 이벤트 감지
+  window.addEventListener('user-logged-in', handleUserLoggedIn);
+
   // 초기 expandedGroups 설정
   initializeExpandedGroups();
 });
@@ -315,6 +328,7 @@ onMounted(async () => {
 // 컴포넌트 언마운트 시 이벤트 리스너 제거
 onBeforeUnmount(() => {
   window.removeEventListener('resize', handleResize);
+  window.removeEventListener('user-logged-in', handleUserLoggedIn);
 });
 </script>