Remove layouts

client/src/App.vue

@@ -1,11 +1,8 @@
 <template>
   <div id="app">
-    <AppLayout>
-      <RouterView />
-    </AppLayout>
+    <RouterView />
   </div>
 </template>
 
 <script setup lang="ts">
-import AppLayout from "@/layouts/AppLayout.vue";
 </script>

client/src/layouts/AppLayout.vue

@@ -1,35 +0,0 @@
-<template>
-  <component :is="layout">
-    <slot />
-  </component>
-</template>
-
-<script>
-import AppLayoutDefault from './AppLayoutDefault.vue'
-import { markRaw, watch, shallowRef } from 'vue'
-import { useRoute } from 'vue-router'
-export default {
-  name: 'AppLayout',
-  setup() {
-    // https://stackoverflow.com/questions/69048657/dynamic-layout-in-vue-3-with-vite
-    const layout = shallowRef(AppLayoutDefault)
-    const route = useRoute()
-    watch(
-      () => route.meta?.layout,
-      async metaLayout => {
-        try {
-          if (metaLayout === undefined) {
-            return false
-          }
-          const component = await import(/* @vite-ignore */ `./${metaLayout}.vue`)
-          layout.value = markRaw(component?.default || AppLayoutDefault)
-        } catch (e) {
-          layout.value = markRaw(AppLayoutDefault)
-        }
-      },
-      { immediate: true }
-    )
-    return { layout }
-  }
-}
-</script>

client/src/layouts/AppLayoutDefault.vue

@@ -1,12 +0,0 @@
-<template>
-  <VBVNavigationBar />
-  <MainNavigationBar />
-  <div>
-    <slot />
-  </div>
-</template>
-
-<script setup lang="ts">
-  import VBVNavigationBar from '@/components/VBVNavigationBar.vue'
-  import MainNavigationBar from '@/components/MainNavigationBar.vue'
-</script>

client/src/layouts/NoNavbarDemoLayout.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    <slot />
-  </div>
-</template>

client/src/router/learningpath.routes.ts

@@ -1,8 +0,0 @@
-const LearningPathOverview = () => import('../views/LearningPathOverview.vue')
-
-export default [
-  {
-    path: ':id',
-    component: LearningPathOverview,
-  },
-]

client/src/views/CircleView.vue

@@ -0,0 +1,24 @@
+<template>
+  <VBVNavigationBar />
+  <MainNavigationBar />
+  <div>
+    Sidebar
+  </div>
+  <main>
+    main
+  </main>
+</template>
+
+<script>
+import MainNavigationBar from "../components/MainNavigationBar.vue";
+import VBVNavigationBar from "../components/VBVNavigationBar.vue";
+export default {
+  name: "CircleView",
+  components: {MainNavigationBar, VBVNavigationBar}
+
+}
+</script>
+
+<style scoped>
+
+</style>

client/src/views/LearningPath.vue

@@ -1,14 +0,0 @@
-<template>
-  <h1>Lernpfad</h1>
-  <router-view></router-view>
-</template>
-
-<script>
-export default {
-  name: 'LearningPath'
-}
-</script>
-
-<style scoped>
-
-</style>