From 689ef0488f0f24799a0d40e963e8f5a124287300 Mon Sep 17 00:00:00 2001
From: leejooy96 <leejooy96@gmail.com>
Date: Mon, 30 Jun 2025 19:11:50 +0900
Subject: [PATCH] refactor: minor cleanup codes

---
 .../components/layout/HeaderLayout.vue        | 35 ++++++++++++-------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/renderer/components/layout/HeaderLayout.vue b/src/renderer/components/layout/HeaderLayout.vue
index 66aeae1..482f561 100644
--- a/src/renderer/components/layout/HeaderLayout.vue
+++ b/src/renderer/components/layout/HeaderLayout.vue
@@ -16,6 +16,23 @@ const handleRoute = (path: string): void => {
 const isCurrentRoute = (path: string): boolean => {
   return path === route.path
 }
+
+const headerMenus: {
+  icon: string
+  text: string
+  path: string
+}[] = [
+  {
+    icon: mdiHome,
+    text: 'title.main',
+    path: '/'
+  },
+  {
+    icon: mdiFitToScreenOutline,
+    text: 'title.second',
+    path: '/second'
+  }
+]
 </script>
 <template>
   <v-app-bar
@@ -25,20 +42,14 @@ const isCurrentRoute = (path: string): boolean => {
     <v-app-bar-title>{{ t(titleKey) }}</v-app-bar-title>
     <template #append>
       <v-btn
-        :prepend-icon="mdiHome"
+        v-for="menu in headerMenus"
+        :key="menu.path"
+        :prepend-icon="menu.icon"
         variant="text"
-        :class="{ active: isCurrentRoute('/') }"
-        @click="handleRoute('/')"
+        :class="{ active: isCurrentRoute(menu.path) }"
+        @click="handleRoute(menu.path)"
       >
-        {{ t('title.main') }}
-      </v-btn>
-      <v-btn
-        :prepend-icon="mdiFitToScreenOutline"
-        variant="text"
-        :class="{ active: isCurrentRoute('/second') }"
-        @click="handleRoute('/second')"
-      >
-        {{ t('title.second') }}
+        {{ t(menu.text) }}
       </v-btn>
     </template>
   </v-app-bar>