add refresh fallback and fix routing errors

Author: ecrum19

main.yml

@@ -25,6 +25,8 @@ jobs:
          run: |
            yarn i
            yarn run build
+       - name: Add 404 fallback for SPA 🔁
+         run: cp dist/index.html dist/404.html
        - name: Deploy 🚀
          uses: JamesIves/github-pages-deploy-action@releases/v4
          with:

src/components/Styling/TheHeader.vue

@@ -144,7 +144,7 @@ export default {
       const authStore = useAuthStore();
       authStore.clearAuth();
       this.notloggedOut = await logOut();
-      window.location.href = '/';
+      window.location.href = 'https://knowledgeonwebscale.github.io/solid-cockpit/';
     },
     homepageRedir(): void {
       redirectToHomepage();

src/router.ts

@@ -15,7 +15,7 @@ import { useAuthStore } from "./stores/auth";
  * The router here allows for navigation between different functional pages of the TRIPLE App
  */
 const router = createRouter({
-  history: createWebHistory('/solid-cockpit/'),
+  history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       name: "Home",
@@ -47,11 +47,6 @@ const router = createRouter({
       path: "/privacy",
       components: { default: EditPrivacy },
     },
-    { 
-      name: "CatchAll",
-      path: '/:notFound(.*)',
-      components: NotFound,
-    }
   ],
 });