routing inside url

src/views/admin/View.vue

@@ -15,8 +15,7 @@
       </SidebarTemplate>
     </template>
     <template #main>
-      <component v-if="display" :is="displayed" />
-      <div v-else class="w-full h-full bg-white rounded-lg"></div>
+      <RouterView />
     </template>
   </SidebarLayout>
 </template>
@@ -29,6 +28,7 @@ import SidebarLayout from "@/layouts/Sidebar.vue";
 import SidebarTemplate from "@/templates/Sidebar.vue";
 import RoutingLink from "@/components/admin/RoutingLink.vue";
 import { useAbilityStore } from "../../stores/ability";
+import RouterView from "../RouterView.vue";
 </script>
 
 <script lang="ts">
@@ -40,44 +40,21 @@ export default defineComponent({
     },
   },
   computed: {
-    ...mapState(useNavigationStore, [
-      "activeNavigationObject",
-      "activeTopLevelObject",
-      "activeLink",
-      "componentOverwrite",
-    ]),
-    display(): boolean {
-      return this.activeLink?.component || this.componentOverwrite;
-    },
-    displayed() {
-      if (this.componentOverwrite != null) {
-        return this.componentOverwrite;
-      } else {
-        return this.activeLink?.component;
-      }
-    },
+    ...mapState(useNavigationStore, ["activeNavigationObject", "activeTopLevelObject", "activeLink"]),
   },
   created() {
     useAbilityStore().$subscribe(() => {
       this.updateTopLevel();
       this.updateNavigation();
     });
-    this.updateTopLevel();
-    this.updateNavigation();
-
-    this.setLink(this.activeTopLevelObject.levelDefault);
+    this.updateTopLevel(true);
+    this.updateNavigation(true);
   },
   beforeUnmount() {
     this.resetNavigation();
   },
   methods: {
-    ...mapActions(useNavigationStore, [
-      "setLink",
-      "resetNavigation",
-      "setTopLevel",
-      "updateTopLevel",
-      "updateNavigation",
-    ]),
+    ...mapActions(useNavigationStore, ["resetNavigation", "updateTopLevel", "updateNavigation"]),
   },
 });
 </script>

src/views/admin/ViewSelect.vue

@@ -0,0 +1,3 @@
+<template>
+  <div class="w-full h-full bg-white rounded-md flex items-center justify-center">bitte auswählen</div>
+</template>