Change page title separator to |

Author: markfijneman

front/src/boot/ctfnote.ts

@@ -13,7 +13,7 @@ export default boot(async ({ router, redirect, urlPath }) => {
   router.afterEach((to) => {
     if (typeof to.meta.title == 'string') {
       const title = to.meta.title;
-      document.title = title ? `${title} - CTFNote` : 'CTFNote';
+      document.title = title ? `${title} | CTFNote` : 'CTFNote';
     }
   });
 

front/src/components/Loader/CTF.vue

@@ -11,7 +11,7 @@ import { useRoute } from 'vue-router';
 
 const setTitle = (ctf: {title: string} | null) => {
   if (ctf) {
-    document.title = `${ctf.title} - CTFNote`;
+    document.title = `${ctf.title} | CTFNote`;
   }
 }
 

front/src/pages/Task.vue

@@ -46,7 +46,7 @@ export default defineComponent({
       task,
       (task) => {
         if (task) {
-          document.title = `${task.title} - ${props.ctf.title} - CTFNote`;
+          document.title = `${task.title} | ${props.ctf.title} | CTFNote`;
         }
       },
       { immediate: true },

front/src/router/routes.ts

@@ -137,19 +137,19 @@ const adminRoute: RouteRecordRaw = {
     {
       path: 'settings/authentication',
       name: 'admin-authentication',
-      meta: { title: 'Authentication - Admin' },
+      meta: { title: 'Authentication | Admin' },
       component: () => import('src/components/Admin/Authentication.vue'),
     },
     {
       path: 'settings/style',
       name: 'admin-theme',
-      meta: { title: 'Theme - Admin' },
+      meta: { title: 'Theme | Admin' },
       component: () => import('src/components/Admin/Theme.vue'),
     },
     {
       path: 'users',
       name: 'admin-users',
-      meta: { title: 'Users - Admin' },
+      meta: { title: 'Users | Admin' },
       component: () => import('components/Admin/Users.vue'),
     },
   ],