version update to nuxt4

app/components/Footer.vue

@@ -0,0 +1,34 @@
+<template>
+  <footer darkgray class="h-48 min-h-fit w-full p-5 pt-10 flex-col justify-center items-center flex gap-2">
+    <div
+      v-if="links && links.length != 0"
+      class="self-stretch py-5 justify-center items-center gap-4 md:gap-10 inline-flex flex-wrap"
+    >
+      <div v-for="link in links" :key="link.id" class="contents">
+        <a v-if="link.URL.startsWith('http')" :href="link.URL" :target="link.target" class="text-base">{{
+          link.text
+        }}</a>
+        <NuxtLink
+          v-else
+          :to="`${link.URL.startsWith('/') ? '' : '/'}${link.URL}`"
+          :target="link.target"
+          class="text-base"
+        >
+          {{ link.text }}
+        </NuxtLink>
+      </div>
+    </div>
+    <p class="text-base text-center">@Copyright {{ new Date().getFullYear() }} {{ copyright ?? title }}</p>
+    <p class="text-base text-center">Inhalte verwaltet von {{ maintained_by ?? copyright ?? title }}</p>
+    <p class="text-sm text-gray-400 pt-2">
+      <a href="https://ff-admin.de/webpage" target="_blank">FF Webpage</a>
+      entwickelt von
+      <a href="https://jk-effects.com" target="_blank">JK Effects</a>
+    </p>
+  </footer>
+</template>
+
+<script setup lang="ts">
+const { footer, title } = useGlobal();
+const { links, maintained_by, copyright } = footer.value ?? {};
+</script>