릴리스: v1.4.5 프런트 내부 명칭 정리 1차

frontend/src/views/GameHubView.vue

@@ -9,9 +9,8 @@ const route = useRoute()
 const router = useRouter()
 const auth = useAuthStore()
 
-const gameId = computed(() => route.params.gameId)
-
-const gameName = ref('')
+const topicId = computed(() => route.params.gameId)
+const topicName = ref('')
 const tierLists = ref([])
 const error = ref('')
 const query = ref('')
@@ -55,10 +54,10 @@ onMounted(async () => {
 async function loadTierLists() {
   try {
     const [gameRes, listRes] = await Promise.all([
-      api.getGame(gameId.value),
-      api.searchPublicTierLists(gameId.value, query.value),
+      api.getGame(topicId.value),
+      api.searchPublicTierLists(topicId.value, query.value),
     ])
-    gameName.value = gameRes.game?.name || gameId.value
+    topicName.value = gameRes.game?.name || topicId.value
     brokenThumbnailIds.value = {}
     tierLists.value = listRes.tierLists || []
   } catch (e) {
@@ -68,14 +67,14 @@ async function loadTierLists() {
 
 function createNew() {
   if (!auth.user) {
-    router.push(`/login?redirect=/editor/${gameId.value}/new`)
+    router.push(`/login?redirect=/editor/${topicId.value}/new`)
     return
   }
-  router.push(`/editor/${gameId.value}/new`)
+  router.push(`/editor/${topicId.value}/new`)
 }
 
 function openTierList(id) {
-  router.push(`/editor/${gameId.value}/${id}`)
+  router.push(`/editor/${topicId.value}/${id}`)
 }
 
 function submitSearch() {
@@ -87,7 +86,7 @@ function submitSearch() {
   <section class="dashboardHero">
     <div class="dashboardHero__left">
       <div class="dashboardHero__eyebrow">Collection</div>
-      <h2 class="dashboardHero__title">{{ gameName || gameId }}</h2>
+      <h2 class="dashboardHero__title">{{ topicName || topicId }}</h2>
       <p class="dashboardHero__desc">이 주제의 공개 티어표를 탐색하고, 바로 새 보드를 만들어 같은 흐름으로 이어갈 수 있어요.</p>
     </div>
   </section>