<script setup lang="ts">
definePageMeta({
    guestsGoesTo: '/user/login'
});

const { user, clear } = useUserSession();
</script>

<template>
    <Head>
        <Title>Votre profil</Title>
    </Head>
    <div class="flex-1 flex justify-center items-center flex-col">
        <ThemeIcon icon="logo" :width=128 :height=128 />
        <div class="not-found-title">Bonjour {{ user?.username }} :)</div>
        <button class="m-auto block px-4 py-1 bg-light-20 dark:bg-dark-20 border border-light-40 dark:border-dark-40 hover:border-light-50 dark:hover:border-dark-50 active:relative active:top-[1px]" @click="clear">Se deconnecter</button>
    </div>
</template>