43 lines
1.1 KiB
Vue
43 lines
1.1 KiB
Vue
<style scoped src="./Footer.css"/>
|
|
|
|
<template>
|
|
<footer class="Footer flex-col default-gap">
|
|
<ul class="sitemap default-gap">
|
|
<li v-for="{ label, ...rest} in nav" :key="label">
|
|
<NuxtLink v-bind="rest">{{label}}</NuxtLink>
|
|
</li>
|
|
</ul>
|
|
<p>Natürlich ohne Cookies und Tracker.</p>
|
|
<p>© 2024 by <a href="https://webfussel.de">webfussel</a></p>
|
|
</footer>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const nav = [
|
|
{
|
|
to: `/#intro`,
|
|
label: 'Über mich',
|
|
'aria-label': 'Link dieser Seite: Über mich'
|
|
}, {
|
|
to: `/#skills`,
|
|
label: 'Meine Expertise',
|
|
'aria-label': 'Link dieser Seite: Meine Expertis'
|
|
}, {
|
|
to: `/#customers`,
|
|
label: 'Kunden',
|
|
'aria-label': 'Link dieser Seite: Kunden'
|
|
}, {
|
|
to: `/#services`,
|
|
label: 'Services',
|
|
'aria-label': 'Link dieser Seite: Services'
|
|
}, {
|
|
to: `/#network`,
|
|
label: 'Mein Netzwerk',
|
|
'aria-label': 'Link dieser Seite: Mein Netzwerk'
|
|
}, {
|
|
to: '/imp',
|
|
label: 'Impressum',
|
|
'aria-label': 'Link dieser Seite: Impressum'
|
|
}
|
|
]
|
|
</script>
|