fix(routing): adds path match to redirect unknown routes

Author: dvcol

src/components/HelloWorld.vue

@@ -1,14 +1,7 @@
 <script setup lang="ts">
-import { watch } from 'vue';
-
 const props = defineProps<{
   msg: string;
 }>();
-
-watch(
-  () => props.msg,
-  _msg => console.info(_msg),
-);
 </script>
 
 <template>

src/router/index.ts

@@ -8,8 +8,15 @@ export const createRouter = ({ baseName = '', baseUrl = import.meta.env.BASE_URL
   const { setBaseName, setBaseUrl } = useRouterStore();
   setBaseName(baseName);
   setBaseUrl(baseUrl);
+  const _routes = routes.map(r => ({ ...r, path: `${baseName}${r.path}` }));
   return createVueRouter({
     history: createWebHashHistory(baseUrl),
-    routes: routes.map(r => ({ ...r, path: `${baseName}${r.path}` })),
+    routes: [
+      {
+        path: '/:pathMatch(.*)',
+        redirect: `${baseName}/`,
+      },
+      ..._routes,
+    ],
   });
 };