35 lines
1.3 KiB
Vue
35 lines
1.3 KiB
Vue
<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 title = await calculateTitle();
|
|
const { footer } = await provideGlobal();
|
|
const { links, maintained_by, copyright } = footer ?? {};
|
|
</script>
|