base structure

src/views/admin/View.vue

@@ -7,10 +7,22 @@
         :showTopList="activeNavigationObject.top != null"
       >
         <template #topList>
-          <RoutingLink v-for="item in activeNavigationObject.top" :key="item.key" :link="item" />
+          <RoutingLink
+            v-for="item in activeNavigationObject.top"
+            :key="item.key"
+            :title="item.title"
+            :link="{ name: `admin-${activeNavigation}-${item.key}` }"
+            :active="activeLink == item.key"
+          />
         </template>
         <template #list>
-          <RoutingLink v-for="item in activeNavigationObject.main" :key="item.key" :link="item" />
+          <RoutingLink
+            v-for="item in activeNavigationObject.main"
+            :key="item.key"
+            :title="item.title"
+            :link="{ name: `admin-${activeNavigation}-${item.key}` }"
+            :active="activeLink == item.key"
+          />
         </template>
       </SidebarTemplate>
     </template>
@@ -33,14 +45,13 @@ import { RouterView } from "vue-router";
 
 <script lang="ts">
 export default defineComponent({
-  props: {
-    contestId: {
-      type: String,
-      default: "",
-    },
-  },
   computed: {
-    ...mapState(useNavigationStore, ["activeNavigationObject", "activeTopLevelObject", "activeLink"]),
+    ...mapState(useNavigationStore, [
+      "activeNavigationObject",
+      "activeTopLevelObject",
+      "activeLink",
+      "activeNavigation",
+    ]),
   },
   created() {
     useAbilityStore().$subscribe(() => {