* navbar with protected routes

feature: #3

src/views/AboutView.vue

@@ -1,15 +1,17 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-    <font-awesome-icon icon="fa-solid fa-user-secret" />
-  </div>
-</template>
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
+<script setup>
+import Navbar from "../components/Navbar.vue";
+</script>
+<script>
+export default {
+  mounted() {
+  }
+}
+</script>
+<template>
+  <Navbar/><!-- Causes rerendering each time todo: possible use in App.vue-->
+  <div class="about">
+    <h1>This is a About page</h1>
+  </div>
+</template>
+<style>
+</style>

src/views/AdministrationView.vue

@@ -0,0 +1,17 @@
+<script setup>
+import Navbar from "../components/Navbar.vue";
+</script>
+<script>
+export default {
+  mounted() {
+  }
+}
+</script>
+<template>
+  <Navbar/><!-- Causes rerendering each time todo: possible use in App.vue-->
+  <div class="about">
+    <h1>This is an Administration page</h1>
+  </div>
+</template>
+<style>
+</style>

src/views/ArbeitenView.vue

@@ -0,0 +1,17 @@
+<script setup>
+import Navbar from "../components/Navbar.vue";
+</script>
+<script>
+export default {
+  mounted() {
+  }
+}
+</script>
+<template>
+  <Navbar/><!-- Causes rerendering each time todo: possible use in App.vue-->
+  <div class="about">
+    <h1>This is an Arbeiten page</h1>
+  </div>
+</template>
+<style>
+</style>

src/views/ContactView.vue

@@ -0,0 +1,17 @@
+<script setup>
+import Navbar from "../components/Navbar.vue";
+</script>
+<script>
+export default {
+  mounted() {
+  }
+}
+</script>
+<template>
+  <Navbar/><!-- Causes rerendering each time todo: possible use in App.vue-->
+  <div class="about">
+    <h1>This is an Contact page</h1>
+  </div>
+</template>
+<style>
+</style>

src/views/ContractsView.vue

@@ -0,0 +1,17 @@
+<script setup>
+import Navbar from "../components/Navbar.vue";
+</script>
+<script>
+export default {
+  mounted() {
+  }
+}
+</script>
+<template>
+  <Navbar/><!-- Causes rerendering each time todo: possible use in App.vue-->
+  <div class="about">
+    <h1>This is an Contracts page</h1>
+  </div>
+</template>
+<style>
+</style>

src/views/HomeView.vue

@@ -1,9 +1,17 @@
-<script setup>
-import TheWelcome from '../components/TheWelcome.vue'
-</script>
-
-<template>
-  <main>
-    <TheWelcome />
-  </main>
-</template>
+<script setup>
+import Navbar from "../components/Navbar.vue";
+</script>
+<script>
+export default {
+  mounted() {
+  }
+}
+</script>
+<template>
+  <Navbar/><!-- Causes rerendering each time todo: possible use in App.vue-->
+  <div class="about">
+    <h1>This is a Home page</h1>
+  </div>
+</template>
+<style>
+</style>

src/views/SupportView.vue

@@ -0,0 +1,17 @@
+<script setup>
+import Navbar from "../components/Navbar.vue";
+</script>
+<script>
+export default {
+  mounted() {
+  }
+}
+</script>
+<template>
+  <Navbar/><!-- Causes rerendering each time todo: possible use in App.vue-->
+  <div class="about">
+    <h1>This is an Support page</h1>
+  </div>
+</template>
+<style>
+</style>