Integrate Vuetify layout and routing

Add a Vuetify-powered application shell (Layout.vue) replacing the previous App.vue, including app bar, navigation drawer, theme toggle, footer and localStorage persistence for theme/drawer. Introduce a routesLayout plugin with a Visibility enum and centralized LayoutRoute definitions; add route components (Home, Impressum, Login, 404NotFound) and update the router to build routes from the new layout definitions. Register Vuetify in main.ts and add dependencies (vuetify, @fontsource/roboto, @mdi/font) in package.json; update tsconfig.app.json to include .ts files. Package-lock.json updated accordingly.
This commit is contained in:
Jonas
2026-04-15 20:56:47 +02:00
parent 58744e46b6
commit b9101a4582
14 changed files with 376 additions and 25 deletions
+4 -1
View File
@@ -12,9 +12,12 @@
"format": "prettier --write --experimental-cli src/"
},
"dependencies": {
"@fontsource/roboto": "^5.2.10",
"@mdi/font": "^7.4.47",
"pinia": "^3.0.4",
"vue": "^3.5.31",
"vue-router": "^5.0.4"
"vue-router": "^5.0.4",
"vuetify": "^4.0.5"
},
"devDependencies": {
"@tsconfig/node24": "^24.0.4",