From f3c48d114e6b8057711b8c0a5ad922df7fdec01e Mon Sep 17 00:00:00 2001
From: leejooy96 <leejooy96@gmail.com>
Date: Tue, 8 Nov 2022 08:59:26 +0900
Subject: [PATCH] renderer: fix header translation

---
 src/renderer/components/layout/HeaderLayout.vue |  2 +-
 src/renderer/router/index.ts                    | 10 +++-------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/layout/HeaderLayout.vue b/src/renderer/components/layout/HeaderLayout.vue
index 4f18006..4b78bea 100644
--- a/src/renderer/components/layout/HeaderLayout.vue
+++ b/src/renderer/components/layout/HeaderLayout.vue
@@ -14,7 +14,7 @@ const isCurrentRoute = (path: string): boolean => {
 </script>
 <template>
 	<v-app-bar color="primary" density="compact">
-		<v-app-bar-title>{{ $route.meta.title }}</v-app-bar-title>
+		<v-app-bar-title>{{ $t($route.meta.titleKey || 'title.main') }}</v-app-bar-title>
 		<template #append>
 			<v-btn
 				prepend-icon="mdi-home"
diff --git a/src/renderer/router/index.ts b/src/renderer/router/index.ts
index c369732..283695c 100644
--- a/src/renderer/router/index.ts
+++ b/src/renderer/router/index.ts
@@ -1,10 +1,6 @@
 import { createRouter, createWebHashHistory } from 'vue-router/dist/vue-router.esm-bundler'
 import { MainScreen, ErrorScreen, SecondScreen } from '@/renderer/screens'
 
-import i18n from '../plugins/i18n'
-
-const { t } = i18n.global
-
 export default createRouter({
 	history: createWebHashHistory(),
 	routes: [
@@ -12,21 +8,21 @@ export default createRouter({
 			path: '/',
 			component: MainScreen,
 			meta: {
-				title: t('title.main')
+				titleKey: 'title.main'
 			}
 		},
 		{
 			path: '/second',
 			component: SecondScreen,
 			meta: {
-				title: t('title.second')
+				titleKey: 'title.second'
 			}
 		},
 		{
 			path: '/error',
 			component: ErrorScreen,
 			meta: {
-				title: t('title.error')
+				titleKey: 'title.error'
 			}
 		},
 		{