릴리스: v1.4.10 topicHub 라우트 명칭 정리

frontend/src/App.vue

@@ -23,6 +23,7 @@ const router = useRouter()
 const auth = useAuthStore()
 const { toasts, dismissToast } = useToast()
 const RIGHT_RAIL_COPYRIGHT_URL = 'https://zenn.town/@murabito'
+const currentTopicId = computed(() => route.params.topicId || route.params.gameId || '')
 
 const leftRailCollapsed = ref(false)
 const rightRailOpen = ref(true)
@@ -135,15 +136,15 @@ const isGuideNextDisabled = computed(() => guideStepIndex.value >= guideSteps.le
 const isLightTheme = computed(() => themeMode.value === 'light')
 const themeToggleLabel = computed(() => (isLightTheme.value ? '다크 모드' : '라이트 모드'))
 const showSettingsThemePanel = computed(() => false && route.name === 'profile')
-const showTopicViewToggle = computed(() => route.name === 'gameHub')
+const showTopicViewToggle = computed(() => route.name === 'topicHub')
 const topicViewMode = computed(() => (route.query.view === 'list' ? 'list' : 'grid'))
 const leftBottomPrimaryAction = computed(() => {
   if (!authReady.value) return null
   if (route.name === 'home' && auth.user) {
     return { label: '커스텀 티어표 만들기', to: editorNewPath('freeform'), iconSrc: iconDashboardCustomize }
   }
-  if (route.name === 'gameHub') {
-    const target = editorNewPath(route.params.gameId)
+  if (route.name === 'topicHub') {
+    const target = editorNewPath(currentTopicId.value)
     return { label: '새 티어표 만들기', to: auth.user ? target : loginPath(target), iconSrc: iconAddNotes }
   }
   return null
@@ -162,7 +163,7 @@ const routeMeta = computed(() => {
       },
     }
   }
-  if (route.name === 'gameHub') {
+  if (route.name === 'topicHub') {
     return {
       title: '주제 티어표',
       subtitle: '주제별 공개 티어표 탐색',
@@ -170,7 +171,7 @@ const routeMeta = computed(() => {
       contextText: auth.user ? '이 주제의 새 티어표를 만들거나 기존 공개 티어표를 확인할 수 있어요.' : '로그인 후 새 티어표를 만들 수 있어요.',
       actionLabel: auth.user ? '새 티어표 만들기' : '로그인하러 가기',
       action: () => {
-        const target = editorNewPath(route.params.gameId)
+        const target = editorNewPath(currentTopicId.value)
         router.push(auth.user ? target : loginPath(target))
       },
     }
@@ -346,7 +347,7 @@ function toggleRightRail() {
 }
 
 function setTopicViewMode(mode) {
-  if (route.name !== 'gameHub') return
+  if (route.name !== 'topicHub') return
   const nextQuery = { ...route.query }
   if (mode === 'list') nextQuery.view = 'list'
   else delete nextQuery.view

frontend/src/router/index.js

@@ -16,9 +16,9 @@ export function createRouter() {
     history: createWebHistory(),
     routes: [
       { path: '/', name: 'home', component: HomeView },
-      { path: '/topics/:gameId', alias: ['/games/:gameId'], name: 'gameHub', component: GameHubView },
-      { path: '/editor/:gameId/new', name: 'newEditor', component: TierEditorView },
-      { path: '/editor/:gameId/:tierListId', name: 'editEditor', component: TierEditorView },
+      { path: '/topics/:topicId', alias: ['/games/:gameId'], name: 'topicHub', component: GameHubView },
+      { path: '/editor/:topicId/new', alias: ['/editor/:gameId/new'], name: 'newEditor', component: TierEditorView },
+      { path: '/editor/:topicId/:tierListId', alias: ['/editor/:gameId/:tierListId'], name: 'editEditor', component: TierEditorView },
       { path: '/login', name: 'login', component: LoginView },
       { path: '/me', name: 'me', component: MyTierListsView },
       { path: '/favorites', name: 'favorites', component: FavoriteTierListsView },

frontend/src/views/GameHubView.vue

@@ -10,7 +10,7 @@ const route = useRoute()
 const router = useRouter()
 const auth = useAuthStore()
 
-const topicId = computed(() => route.params.gameId)
+const topicId = computed(() => route.params.topicId || route.params.gameId)
 const topicName = ref('')
 const tierLists = ref([])
 const error = ref('')

frontend/src/views/TierEditorView.vue

@@ -20,7 +20,7 @@ const auth = useAuthStore()
 const toast = useToast()
 const globalRightRailOpen = inject('rightRailOpen', ref(true))
 const localRightRailTarget = inject('localRightRailTarget', '#local-right-rail-root')
-const templateId = computed(() => route.params.gameId)
+const templateId = computed(() => route.params.topicId || route.params.gameId)
 const tierListId = computed(() => route.params.tierListId)
 const previewMode = computed(() => route.query.preview === '1')
 const templateName = ref('')