<template>
	<div class="text-light-100 dark:text-dark-100 flex bg-light-0 dark:bg-dark-0 h-screen overflow-hidden">
		<NuxtRouteAnnouncer/>
		<TooltipProvider>
			<NuxtLayout>
				<div class="px-12 flex flex-1 justify-center">
					<NuxtPage></NuxtPage>
				</div>
			</NuxtLayout>
			<Toaster v-model="list" />
		</TooltipProvider>
	</div>
</template>

<script setup lang="ts">
provideToaster();

const { list } = useToast();
</script>