add: follow active admin menu

frontend/src/components/AdminSidebarMenu.vue

@@ -1,7 +1,8 @@
 <template>
     <div>
         <template v-for="item in sidebarItems" :key="item.title">
-            <va-sidebar-item :active="item.active" :to="{ name: `${item.route}` }">
+            <va-sidebar-item :active="item.active" :to="{ name: `${item.route}` }"
+                @click="this.$emit('activeRouteChange', item.route)">
                 <va-sidebar-item-content class="sidebar-item">
                     <va-icon class="sidebar-icon" size="2rem" :name="item.icon" />
                     <va-sidebar-item-title class="sidebar-title">{{ item.title }}</va-sidebar-item-title>

frontend/src/views/AdminView.vue

@@ -3,7 +3,7 @@
 
     <div class="central-view">
         <sidebar>
-            <admin-sidebar-menu :sidebarItems="sidebarItems" />
+            <admin-sidebar-menu :sidebarItems="sidebarItems" @activeRouteChange="activeRouteChange" />
         </sidebar>
 
         <div class="main-view">
@@ -45,6 +45,20 @@ export default {
             ]
         }
     },
+    methods: {
+        activeRouteChange(route){
+            this.sidebarItems.forEach(item => {
+                if(item.route === route){
+                    item.active = true
+                }
+                else {
+                    item.active = false
+                }
+            })
+            
+            console.log(route);
+        }
+    },
 }
 </script>