Added multiple features

src/common/components/FooterComponent.vue

@@ -1,7 +1,7 @@
 <template>
   <footer class="footer">
     <div class="left-links">
-      <router-link class="login-link" to="/login" v-if="!isLoggedIn">Login</router-link>
+      <router-link class="login-link" to="/auth/login" v-if="!isLoggedIn">Login</router-link>
       <a v-if="isLoggedIn" @click="logout" class="logout-link">Logout</a>
     </div>
     <div class="right-links">

src/common/components/HeaderComponent.vue

@@ -11,6 +11,7 @@
 <script>
 import NavbarComponent from './NavbarComponent.vue';
 import { mapActions } from 'vuex';
+import router from '@/router'; // Importieren Sie den Router
 
 export default {
   name: 'HeaderComponent',
@@ -19,8 +20,16 @@ export default {
   },
   methods: {
     ...mapActions(['loadMenuData']),
-    reloadMenu() {
-      this.loadMenuData();
+    async reloadMenu() {
+      await this.loadMenuData();
+      this.$router.push({ path: '/' }); // Zurück zur Startseite oder eine andere Seite, um sicherzustellen, dass der Router neu geladen wird
+      const routes = this.$store.state.menuData.map(item => {
+        return {
+          path: item.link,
+          component: () => import(`../components/${item.component}.vue`)
+        };
+      });
+      routes.forEach(route => router.addRoute(route)); // Neue Routen hinzufügen
     }
   }
 };