renderer: fix header translation

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"

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'
 			}
 		},
 		{