Pogrubienie linku dziennika w headerze

src/App.scss

@@ -33,7 +33,8 @@
 .route {
   margin: 0 0.2em;
 
-  &-active {
+  &-active,
+  &[data-active='true'] {
     color: $accentCol;
     font-weight: bold;
   }

src/components/App/AppHeader.vue

@@ -48,7 +48,7 @@
           /
           <router-link class="route" active-class="route-active" to="/trains">{{ $t('app.trains') }}</router-link>
           /
-          <router-link class="route" active-class="route-active" to="/journal/timetables">
+          <router-link class="route" active-class="route-active" :data-active="$route.path.startsWith('/journal')" to="/journal">
             {{ $t('app.journal') }}
           </router-link>
         </span>

src/router/index.ts

@@ -19,7 +19,10 @@ const routes: Array<RouteRecordRaw> = [
     name: 'SceneryView',
     component: () => import('../views/SceneryView.vue'),
   },
-
+  {
+    path: '/journal',
+    redirect: '/journal/timetables'
+  },
   {
     path: '/journal/timetables',
     name: 'JournalTimetables',