Un pied de page

<script setup>
const annee = new Date().getFullYear();
</script>

<template>
  <footer class="pied">
    <slot>
      <p>La Librairie du Campus — 12, rue des Écoles, 75005 Paris</p>
    </slot>
    <p>© 1987–{{ annee }} La Librairie du Campus</p>
  </footer>
</template>

Utilisé sans contenu, puis avec un message :

La Librairie du Campus — 12, rue des Écoles, 75005 Paris
© 1987–2026 La Librairie du Campus
Fermeture exceptionnelle le 1er novembre.
© 1987–2026 La Librairie du Campus

L'année n'a pas besoin d'être réactive : elle est calculée une fois, à la création du composant.