simon-einzinger.de/docs/.vitepress/theme/layout/Footer.vue
2025-01-29 22:02:53 +01:00

28 lines
610 B
Vue

<script setup lang="ts">
import { useData } from "vitepress";
const { site } = useData();
const currentYear = new Date().getFullYear();
</script>
<template>
<footer class="site-footer">
<p>
CC {{ currentYear }} - {{ site.title }} |
<a href="/legals" class="footer-link">Data Protection & Privacy</a>
</p>
</footer>
</template>
<style scoped>
.site-footer {
margin-top: 1rem;
text-align: center;
border-top: 1px solid var(--outline-color);
color: var(--text-color);
font-size: 0.9em;
}
.footer-link {
color: var(--secondary-text-color);
text-decoration: none;
}
</style>