Добавил установку document.title

client/components/App.vue

@@ -6,31 +6,31 @@
             <el-menu class="el-menu-vertical" :default-active="rootRoute" :collapse="isCollapse" router>
               <el-menu-item index="/cardindex">
                 <i class="el-icon-search"></i>
-                <span :class="itemTitleClass('/cardindex')" slot="title">Картотека</span>
+                <span :class="itemTitleClass('/cardindex')" slot="title">{{ this.itemRuText['/cardindex'] }}</span>
               </el-menu-item>
               <el-menu-item index="/reader">
                 <i class="el-icon-tickets"></i>
-                <span :class="itemTitleClass('/reader')" slot="title">Читалка</span>
+                <span :class="itemTitleClass('/reader')" slot="title">{{ this.itemRuText['/reader'] }}</span>
               </el-menu-item>
               <el-menu-item index="/forum" disabled>
                 <i class="el-icon-message"></i>
-                <span :class="itemTitleClass('/forum')" slot="title">Форум-чат</span>
+                <span :class="itemTitleClass('/forum')" slot="title">{{ this.itemRuText['/forum'] }}</span>
               </el-menu-item>
               <el-menu-item index="/income">
                 <i class="el-icon-upload"></i>
-                <span :class="itemTitleClass('/income')" slot="title">Поступления</span>
+                <span :class="itemTitleClass('/income')" slot="title">{{ this.itemRuText['/income'] }}</span>
               </el-menu-item>
               <el-menu-item index="/sources">
                 <i class="el-icon-menu"></i>
-                <span :class="itemTitleClass('/sources')" slot="title">Источники</span>
+                <span :class="itemTitleClass('/sources')" slot="title">{{ this.itemRuText['/sources'] }}</span>
               </el-menu-item>
               <el-menu-item index="/settings">
                 <i class="el-icon-setting"></i>
-                <span :class="itemTitleClass('/settings')" slot="title">Параметры</span>
+                <span :class="itemTitleClass('/settings')" slot="title">{{ this.itemRuText['/settings'] }}</span>
               </el-menu-item>
               <el-menu-item index="/help">
                 <i class="el-icon-question"></i>
-                <span :class="itemTitleClass('/help')" slot="title">Справка</span>
+                <span :class="itemTitleClass('/help')" slot="title">{{ this.itemRuText['/help'] }}</span>
               </el-menu-item>
             </el-menu>
         </el-aside>
@@ -59,6 +59,15 @@ export default @Component({
 
 })
 class App extends Vue {
+    itemRuText = {
+        '/cardindex': 'Картотека',
+        '/reader': 'Читалка',
+        '/forum': 'Форум-чат',
+        '/income': 'Поступления',
+        '/sources': 'Источники',
+        '/settings': 'Параметры',
+        '/help': 'Справка',
+    }
     created() {
         this.commit = this.$store.commit;
         this.dispatch = this.$store.dispatch;
@@ -66,6 +75,9 @@ class App extends Vue {
         this.uistate = this.$store.state.uistate;
         this.config = this.$store.state.config;
 
+        // set-app-title
+        this.$root.$on('set-app-title', this.setAppTitle);
+
         //global keyHooks
         this.keyHooks = [];
         this.keyHook = (event) => {
@@ -143,9 +155,21 @@ class App extends Vue {
     get rootRoute() {
         const m = this.$route.path.match(/^(\/[^/]*).*$/i);
         this.$root.rootRoute = (m ? m[1] : this.$route.path);
+
+        this.setAppTitle();
         return this.$root.rootRoute;
     }
 
+    setAppTitle(title) {
+        if (!title) {
+            if (this.config) {
+                document.title = `${this.config.name} - ${this.itemRuText[this.$root.rootRoute]}`;
+            }
+        } else {
+            document.title = title;
+        }
+    }
+
     itemTitleClass(path) {
         return (this.rootRoute == path ? {'bold-font': true} : {});
     }