릴리스: v0.1.44 공개 목록 검색과 즐겨찾기 페이지 추가

frontend/src/App.vue

@@ -8,7 +8,7 @@ import { useToast } from './composables/useToast'
 const route = useRoute()
 const router = useRouter()
 const auth = useAuthStore()
-const toast = useToast()
+const { toasts, dismissToast } = useToast()
 const isAdmin = computed(() => !!auth.user?.isAdmin)
 const avatarUrl = computed(() => {
   if (!auth.user?.avatarSrc) return ''
@@ -65,6 +65,7 @@ async function logout() {
       <nav class="nav">
         <RouterLink to="/" class="nav__link">게임</RouterLink>
         <RouterLink to="/me" class="nav__link">내 티어표</RouterLink>
+        <RouterLink v-if="auth.user" to="/favorites" class="nav__link">즐겨찾기</RouterLink>
         <RouterLink v-if="isAdmin" to="/admin" class="nav__link">관리자</RouterLink>
 
         <RouterLink v-if="!auth.user" to="/login" class="nav__link">로그인</RouterLink>
@@ -84,9 +85,9 @@ async function logout() {
       <RouterView />
     </main>
     <div class="toastStack" aria-live="polite" aria-atomic="true">
-      <div v-for="item in toast.toasts" :key="item.id" class="toast" :class="`toast--${item.type}`">
+      <div v-for="item in toasts" :key="item.id" class="toast" :class="`toast--${item.type}`">
         <div class="toast__message">{{ item.message }}</div>
-        <button class="toast__close" @click="toast.dismissToast(item.id)">닫기</button>
+        <button class="toast__close" @click="dismissToast(item.id)">닫기</button>
       </div>
     </div>
   </div>