DRY up title definitions in router config

ebkr · Dec 13, 2022 · 20ea2c2 · 20ea2c2
1 parent 7b07bc0
commit 20ea2c2
Showing 1 changed file with 12 additions and 31 deletions.
diff --git a/src/router/routes.ts b/src/router/routes.ts
@@ -2,7 +2,8 @@ import { RouteConfig } from 'vue-router';
 import Profile from '../model/Profile';
 import ManagerInformation from '../_managerinf/ManagerInformation';
 
-const appTitle = `${ManagerInformation.APP_NAME} (${ManagerInformation.VERSION.toString()})`
+const appTitle = () => `${ManagerInformation.APP_NAME} (${ManagerInformation.VERSION.toString()})`;
+const profileTitle = () => `${appTitle()} - ${Profile.getActiveProfile().getProfileName()}`;
 
 const routes: RouteConfig[] = [
  {
@@ -11,19 +12,15 @@ const routes: RouteConfig[] = [
  components: {
  content: () => import("pages/GameSelectionScreen.vue")
  },
- meta: {
- title: () => appTitle
- }
+ meta: {title: appTitle}
  },
  {
  name: 'splash',
  path: '/splash',
  components: {
  content: () => import('pages/Splash.vue')
  },
- meta: {
- title: () => appTitle
- }
+ meta: {title: appTitle}
  },
  {
  name: 'linux',
@@ -41,9 +38,7 @@ const routes: RouteConfig[] = [
  components: {
  content: () => import('pages/Profiles.vue')
  },
- meta: {
- title: () => appTitle
- }
+ meta: {title: appTitle}
  },
  {
  name: 'manager',
@@ -52,9 +47,7 @@ const routes: RouteConfig[] = [
  content: () => import('pages/Manager.vue'),
  navigation: () => import('components/navigation/NavigationMenu.vue')
  },
- meta: {
- title: () => `${appTitle} - ${Profile.getActiveProfile().getProfileName()}`
- },
+ meta: {title: profileTitle},
  children: [
  {
  name: 'manager.installed',
@@ -63,29 +56,23 @@ const routes: RouteConfig[] = [
  components: {
  subview: () => import('components/views/InstalledModView.vue')
  },
- meta: {
- title: () => `${appTitle} - ${Profile.getActiveProfile().getProfileName()}`
- },
+ meta: {title: profileTitle},
  },
  {
  name: 'manager.online',
  path: 'online/',
  components: {
  subview: () => import('components/views/OnlineModView.vue')
  },
- meta: {
- title: () => `${appTitle} - ${Profile.getActiveProfile().getProfileName()}`
- },
+ meta: {title: profileTitle},
  },
  {
  name: 'manager.settings',
  path: 'settings/',
  components: {
  subview: () => import('components/settings-components/SettingsView.vue')
  },
- meta: {
- title: () => `${appTitle} - ${Profile.getActiveProfile().getProfileName()}`
- }
+ meta: {title: profileTitle}
  }
  ]
  },
@@ -96,9 +83,7 @@ const routes: RouteConfig[] = [
  content: () => import('pages/ConfigEditor.vue'),
  navigation: () => import('components/navigation/NavigationMenu.vue')
  },
- meta: {
- title: () => `${appTitle} - ${Profile.getActiveProfile().getProfileName()}`
- }
+ meta: {title: profileTitle}
  },
  {
  name: 'help',
@@ -107,9 +92,7 @@ const routes: RouteConfig[] = [
  content: () => import('pages/Help.vue'),
  navigation: () => import('components/navigation/NavigationMenu.vue')
  },
- meta: {
- title: () => `${appTitle} - ${Profile.getActiveProfile().getProfileName()}`
- }
+ meta: {title: profileTitle}
  },
  {
  name: 'downloads',
@@ -118,9 +101,7 @@ const routes: RouteConfig[] = [
  content: () => import('pages/DownloadMonitor.vue'),
  navigation: () => import('components/navigation/NavigationMenu.vue')
  },
- meta: {
- title: () => `${appTitle} - ${Profile.getActiveProfile().getProfileName()}`
- }
+ meta: {title: profileTitle}
  }
 ];