<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>
