Added footer to every page

src/views/Imprint.vue

@@ -9,15 +9,18 @@
       <div class="mx-auto prose" v-html="content"></div>
     </div>
   </section>
+  <Footer></Footer>
 </template>
 <style src="../simple.css">
 </style>
 <script>
 import marked from "marked";
+import Footer from "@/components/Footer.vue";
 export default {
+  components: {Footer},
   data() {
     return {
-      content: ""
+      content: "",
     }
   },
   async beforeMount() {

src/views/Privacy.vue

@@ -9,12 +9,15 @@
       <div class="mx-auto prose" v-html="content"></div>
     </div>
   </section>
+  <Footer></Footer>
 </template>
 <style src="../simple.css">
 </style>
 <script>
 import marked from "marked";
+import Footer from "@/components/Footer.vue";
 export default {
+  components: {Footer},
   data() {
     return {
       content: ""

src/views/Profile.vue

@@ -639,51 +639,7 @@
       </div>
     </div>
     <!--  -->
-    <footer
+    <Footer></Footer>
-      class="
-        p-4
-        bg-white
-        rounded-lg
-        shadow
-        md:flex md:items-center md:justify-between md:p-6
-        dark:bg-gray-800
-      "
-    >
-      <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400"
-        ><span class="font-bold">LfK! 2023</span> -
-        <a
-          class="underline"
-          href="https://odit.services/?ref=lfk"
-          target="_blank"
-          >powered by ODIT.Services</a
-        >
-      </span>
-      <ul
-        class="
-          flex flex-wrap
-          items-center
-          mt-3
-          text-sm text-gray-500
-          dark:text-gray-400
-          sm:mt-0
-        "
-      >
-        <li>
-          <a
-            href="https://lauf-fuer-kaya.de/impressum/"
-            class="mr-4 hover:underline md:mr-6"
-            >Impressum</a
-          >
-        </li>
-        <li>
-          <a
-            href="https://lauf-fuer-kaya.de/datenschutz/"
-            class="mr-4 hover:underline md:mr-6"
-            >Datenschutz</a
-          >
-        </li>
-      </ul>
-    </footer>
   </div>
 </template>
 
@@ -692,6 +648,7 @@ import { reactive } from "vue";
 import { TYPE, useToast } from "vue-toastification";
 import axios from "redaxios";
 import bwipjs from "bwip-js";
+import Footer from "@/components/Footer.vue";
 
 function textToBase64Barcode(text) {
   const canvas = document.createElement("canvas");

src/views/ProfileNone.vue

@@ -68,6 +68,7 @@
             </div>
         </div>
     </div>
+    <Footer></Footer>
 </template>
   
   <script setup>
@@ -77,6 +78,7 @@ import isEmail from 'validator/es/lib/isEmail';
 import isMobilePhone from 'validator/es/lib/isMobilePhone';
 import isPostalCode from 'validator/es/lib/isPostalCode';
 import { TYPE, useToast } from "vue-toastification";
+import Footer from "@/components/Footer.vue";
 
 let user_email = ref("");
 // 

src/views/Register.vue

@@ -453,6 +453,7 @@
       </div>
     </div>
   </div>
+  <Footer></Footer>
 </template>
 
 <script setup>
@@ -462,6 +463,7 @@ import isEmail from "validator/es/lib/isEmail";
 import isMobilePhone from "validator/es/lib/isMobilePhone";
 import isPostalCode from "validator/es/lib/isPostalCode";
 import { TYPE, useToast } from "vue-toastification";
+import Footer from "@/components/Footer.vue";
 
 const props = defineProps({
   token: String,

src/views/Registered.vue

@@ -11,9 +11,11 @@
       </p>
     </div>
   </div>
+  <Footer></Footer>
 </template>
 
 <script setup>
+import Footer from "@/components/Footer.vue";
 const props = defineProps({
   mail: String,
 });