Added multiple features

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
     }
   }
 };