Zwischenspeicher

assets/main.css

@@ -10,7 +10,6 @@
   margin-top: 10px;
 }
 
-
 /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
 @media screen and (max-height: 450px) {
   .sidenav {padding-top: 15px;}

components/SideNav.vue

@@ -8,7 +8,7 @@
         <NuxtLink to="/">
           Home
         </NuxtLink>
-        <NuxtLink to="/address-management/adresses_index">
+        <NuxtLink to="/address-management/address_index">
           Adressverwaltung
         </NuxtLink>
       </p>

data/address-data.json

@@ -0,0 +1,21 @@
+[{
+  "id": "0000",
+  "name": "Holger Hedemann",
+  "address": "Hortensienweg 14"
+},
+{
+  "id": "1111",
+  "name": "Dieter Hillers",
+  "address": "Oldenburger Str. 28"
+},
+{
+  "id": "2222",
+  "name": "Hilko Hartmann",
+  "address": "Oldenburger Str. 28"
+},
+{
+  "id": "3333",
+  "name": "Katja Hedemann",
+  "address": "Rotenburger Weg 21a"
+}
+]

layouts/default.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <AppHeader />
+    <HeaderNav />
+    <SideNav />
     <slot />
-    <TheSidenav />
   </div>
 </template>

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "webadmin3.0",
+  "name": "WebAdmin3.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {

pages/address-management/address_index.vue

@@ -3,9 +3,7 @@
     <h1>
       Willkommen in der Adressverwaltung
     </h1>
-    <div class="adress-content">
-      Text
-    </div>
+    <div class="adress-content" />
   </div>
 </template>
 

server/trpc/routers/index.js

@@ -1,23 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import index from '@/pages/index.vue'
-import adresses from '@/pages/adresses/adresses_index.vue'
-import help from '@/pages/header/help'
-import info from '@/pages/header/info'
-
-const routes = [
-  { path: '/', name: 'Home', component: index },
-  { path: 'adresses/adresses_index', name: 'Adressverwaltung', component: adresses },
-  { path: 'header/help', name: 'Hilfe', component: help },
-  { path: 'header/info', name: 'Info', component: info }
-]
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes
-})
-
-const app = createApp({})
-
-app.use(router)
-
-export default router