#9 Implement base routing system

app/src/router/__tests__/router.spec.ts

@@ -0,0 +1,7 @@
+import { describe, expect, it } from 'vitest';
+
+describe('Router', () => {
+  it('should something', () => {
+    expect(true).toBeTruthy();
+  });
+});

app/src/router/constants/routes.constants.ts

@@ -21,6 +21,10 @@ export default {
       name: 'fallback',
       component: Home,
     },
+    {
+      path: '*',
+      redirect: 'home',
+    },
   ],
   TITLES: {
     [pathConstants.HOME]: 'Home',

app/src/router/index.ts

@@ -1,18 +1,4 @@
-// Vendors
-import { createRouter, createWebHashHistory } from 'vue-router';
-// Constants
-import constants from './constants/routes.constants';
-import { configConstants } from '../constants';
-
-const router = createRouter({
-  history: createWebHashHistory(),
-  routes: constants.ROUTES,
-});
-
-router.afterEach((to, from, failure) => {
-  const toAsString = to.toString();
-  document.title =
-    toAsString in constants.TITLES ? constants.TITLES[toAsString] : configConstants.APP_NAME;
-});
+// Router
+import router from './router';
 
 export default router;

app/src/router/router.ts

@@ -0,0 +1,18 @@
+// Vendors
+import { createRouter, createWebHashHistory, RouteLocationNormalized } from 'vue-router';
+// Constants
+import constants from './constants/routes.constants';
+import { configConstants } from '../constants';
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: constants.ROUTES,
+});
+
+export const onRouteChange = (to: RouteLocationNormalized): void => {
+  document.title = constants.TITLES?.[to.name?.toString() ?? ''] ?? configConstants.APP_NAME;
+};
+
+router.afterEach(onRouteChange);
+
+export default router;