Ehrenamt/ff-webpage
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 13 Packages Wiki Activity Actions

component formatting and types

Browse source
This commit is contained in:
Julian Krauser 2025-02-14 13:57:55 +01:00
parent c2a7d15eeb
commit ce745c06e5
60 changed files with 464 additions and 301 deletions
Download patch file Download diff file Expand all files Collapse all files

24
components/Footer.vue
View file

@ -1,7 +1,10 @@
<template>
<footer darkgray class="h-48 min-h-fit w-full px-5 py-10 flex-col justify-center items-center flex gap-2">
<div class="self-stretch py-5 justify-center items-center gap-4 md:gap-10 inline-flex flex-wrap">
<div v-for="link in footer.links" :key="link.id" class="contents">
<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>
@ -15,9 +18,9 @@
</NuxtLink>
</div>
</div>
<p class="text-base text-center">@Copyright {{ new Date().getFullYear() }} {{ footer.copyright }}</p>
<p class="text-base text-center">Inhalte verwaltet von {{ footer?.maintained ?? footer.copyright }}</p>
<p>
<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>
@ -26,10 +29,7 @@
</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 Global);
const title = await calculateTitle();
const { footer } = await provideGlobal();
const { links, maintained_by, copyright } = footer ?? {};
</script>