paulnicoue/components/AppFooter.vue

<template>

    <footer>
        <div class="contact">
            <a href="mailto:contact@paulnicoue.com" target="_blank" aria-label="Écrire un e-mail à Paul Nicoué">contact<span>@</span>paulnicoue.com</a>
        </div>
    </footer>

</template>

<script setup>
</script>

<style lang="scss">

    footer {
        padding: 4rem 2rem;
    }

    .contact {
        font-family: var(--title-font-family);
        font-size: 1.4rem;
        font-weight: var(--light-font-weight);
        text-align: center;

        a {
            text-decoration: none;
        }

        span {
            color: var(--emerald);
        }
    }

</style>