base structure and display

components/Footer.vue

@@ -1 +1,20 @@
-<template>Footer</template>
+<template>
+  <div darkgray class="h-48 min-h-fit w-full px-5 py-10 flex-col justify-center items-center flex">
+    <div class="self-stretch py-5 justify-center items-center gap-10 inline-flex">
+      <NuxtLink v-for="link in footer.links" :key="link.id" :to="link.URL" :target="link.target" class="text-base">
+        {{ link.text }}
+      </NuxtLink>
+    </div>
+    <div class="text-base">@Copyright {{ new Date().getFullYear() }} {{ footer.copyright }}</div>
+    <div class="text-base">verwaltet von {{ footer.designed_developed_by }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type Global from "../types/single/global";
+
+const { findOne } = useStrapi();
+
+const { data: global } = await useAsyncData("global", () => findOne<Global>("global"));
+const { footer } = global.value?.data as unknown as Global;
+</script>