diff --git a/src/renderer/components/layout/HeaderLayout.vue b/src/renderer/components/layout/HeaderLayout.vue
index 0df88a9..9ac1221 100644
--- a/src/renderer/components/layout/HeaderLayout.vue
+++ b/src/renderer/components/layout/HeaderLayout.vue
@@ -22,35 +22,45 @@ const headerMenus: {
   text: string
   path: string
 }[] = [
-    {
-      icon: mdiHome,
-      text: 'title.main',
-      path: '/'
-    },
-    {
-      icon: mdiFitToScreenOutline,
-      text: 'title.second',
-      path: '/second'
-    }
-  ]
+  {
+    icon: mdiHome,
+    text: 'title.main',
+    path: '/'
+  },
+  {
+    icon: mdiFitToScreenOutline,
+    text: 'title.second',
+    path: '/second'
+  }
+]
+
+// Get app version
+const appVersion = ref('')
+
+onMounted(async () => {
+  try {
+    appVersion.value = await window.mainApi.invoke('msgRequestGetVersion')
+  } catch (error) {
+    console.error('Failed to get app version:', error)
+    appVersion.value = 'unknown'
+  }
+})
 </script>
 <template>
   <v-app-bar color="primary" density="compact">
     <v-app-bar-title @click="handleRoute('/')">
       GDT Tool
     </v-app-bar-title>
-    <!-- <template #append>
-      <v-btn
-        v-for="menu in headerMenus"
-        :key="menu.path"
-        :prepend-icon="menu.icon"
-        variant="text"
-        :class="{ active: isCurrentRoute(menu.path) }"
-        @click="handleRoute(menu.path)"
+    <template #append>
+      <v-chip
+        variant="tonal"
+        color="white"
+        size="small"
+        class="mr-2"
       >
-        {{ t(menu.text) }}
-      </v-btn>
-    </template> -->
+        v{{ appVersion }}
+      </v-chip>
+    </template>
   </v-app-bar>
 </template>
 <style scoped>