diff --git a/public/logo-dark.svg b/public/logo-dark.svg
new file mode 100644
index 0000000..ce9ce36
--- /dev/null
+++ b/public/logo-dark.svg
@@ -0,0 +1,58 @@
+
+
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..2cd6ae8
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,59 @@
+
+
diff --git a/src/components/EssentialLink.vue b/src/components/navigation/EssentialLink.vue
similarity index 100%
rename from src/components/EssentialLink.vue
rename to src/components/navigation/EssentialLink.vue
diff --git a/src/components/navigation/PluginLinksAbout.vue b/src/components/navigation/PluginLinksAbout.vue
new file mode 100644
index 0000000..7e12254
--- /dev/null
+++ b/src/components/navigation/PluginLinksAbout.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
diff --git a/src/components/navigation/PluginLinksHome.vue b/src/components/navigation/PluginLinksHome.vue
new file mode 100644
index 0000000..1f81695
--- /dev/null
+++ b/src/components/navigation/PluginLinksHome.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 215c4f8..ed5f05c 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,27 +1,38 @@
-
-
+
+
-
+
Flaschengeist
+
+
+
+
+
+
+
@@ -30,44 +41,73 @@
v-model="leftDrawerOpen"
side="left"
bordered
+ :mini="leftDrawerMini"
+ @click.capture="leftDrawerClicker"
>
-
+
+
+
+
+
-
+
+
-
+
+
+
-
diff --git a/src/layouts/OutLayout.vue b/src/layouts/OutLayout.vue
new file mode 100644
index 0000000..400ea93
--- /dev/null
+++ b/src/layouts/OutLayout.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
+ Flaschengeist
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
new file mode 100644
index 0000000..e492340
--- /dev/null
+++ b/src/pages/Login.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+ Login
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/about/About.vue b/src/pages/about/About.vue
new file mode 100644
index 0000000..622af68
--- /dev/null
+++ b/src/pages/about/About.vue
@@ -0,0 +1,17 @@
+
+
+
+
+ About
+
+
+
+
+
+
+
diff --git a/src/pages/About.vue b/src/pages/about/NewAbout.vue
similarity index 52%
rename from src/pages/About.vue
rename to src/pages/about/NewAbout.vue
index ea85000..8bda575 100644
--- a/src/pages/About.vue
+++ b/src/pages/about/NewAbout.vue
@@ -1,13 +1,14 @@
- Hello Bla blab blablelmewafjanfökawfd
+
+
+ Neues About
+
+
-
-
\ No newline at end of file
diff --git a/src/pages/about/OldAbout.vue b/src/pages/about/OldAbout.vue
new file mode 100644
index 0000000..99333f4
--- /dev/null
+++ b/src/pages/about/OldAbout.vue
@@ -0,0 +1,14 @@
+
+
+
+ Altes About
+
+
+
+
+
diff --git a/src/pages/home/Home.vue b/src/pages/home/Home.vue
new file mode 100644
index 0000000..c5dd22d
--- /dev/null
+++ b/src/pages/home/Home.vue
@@ -0,0 +1,18 @@
+
+
+
+
+ Home
+
+
+
+
+
+
+
diff --git a/src/pages/home/NewHome.vue b/src/pages/home/NewHome.vue
new file mode 100644
index 0000000..8d8dba7
--- /dev/null
+++ b/src/pages/home/NewHome.vue
@@ -0,0 +1,14 @@
+
+
+
+ Neues Zuhause
+
+
+
+
+
diff --git a/src/pages/home/OldHome.vue b/src/pages/home/OldHome.vue
new file mode 100644
index 0000000..6c18ea2
--- /dev/null
+++ b/src/pages/home/OldHome.vue
@@ -0,0 +1,14 @@
+
+
+
+ Altes Zuhause
+
+
+
+
+
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 6107909..f303432 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -3,11 +3,62 @@ import { RouteConfig } from 'vue-router';
const routes: RouteConfig[] = [
{
path: '/',
+ redirect: 'login',
+ component: () => import('layouts/OutLayout.vue'),
+ children: [
+ {
+ name: 'login',
+ path: 'login',
+ component: () => import('pages/Login.vue')
+ }
+ ]
+ },
+ {
+ path: '/main',
component: () => import('layouts/MainLayout.vue'),
children: [
- { name: 'home', path: '', component: () => import('pages/Index.vue') },
- { name: 'about', path: 'about', component: () => import('pages/About.vue') }
-
+ {
+ name: 'home',
+ path: 'home',
+ components: {
+ default: () => import('pages/home/Home.vue'),
+ 'plugin-nav': () =>
+ import('components/navigation/PluginLinksHome.vue')
+ },
+ children: [
+ {
+ name: 'newHome',
+ path: 'newHome',
+ component: () => import('pages/home/NewHome.vue')
+ },
+ {
+ name: 'oldHome',
+ path: 'oldHome',
+ component: () => import('pages/home/OldHome.vue')
+ }
+ ]
+ },
+ {
+ name: 'about',
+ path: 'about',
+ components: {
+ default: () => import('pages/about/About.vue'),
+ 'plugin-nav': () =>
+ import('components/navigation/PluginLinksAbout.vue')
+ },
+ children: [
+ {
+ name: 'newAbout',
+ path: 'newAbout',
+ component: () => import('pages/about/NewAbout.vue')
+ },
+ {
+ name: 'oldAbout',
+ path: 'oldAbout',
+ component: () => import('pages/about/OldAbout.vue')
+ }
+ ]
+ }
]
},
@@ -15,6 +66,7 @@ const routes: RouteConfig[] = [
// but you can also remove it
{
path: '*',
+ redirect: 'login',
component: () => import('pages/Error404.vue')
}
];