<script setup lang="ts">
const open = ref(false), username = ref(""), price = ref(750), disabled = ref(false), loading = ref(false);

watch(loading, (value) => {
    if(value)
    {
        setTimeout(() => { open.value = true; loading.value = false }, 1500);
    }
})
</script>

<template>
    <Head>
        <Title>d[any] - Accueil</Title>
    </Head>
    <div class="h-full w-full flex flex-1 flex-col justify-center items-center">
        <Avatar src="/logo.dark.svg" class="dark:block hidden w-48 h-48" />
        <Avatar src="/logo.light.svg" class="block dark:hidden w-48 h-48" />
        <h1 class="text-5xl font-thin font-mono">Bienvenue</h1>
    </div>
</template>