<script setup>
import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
</script>

<template>
    <div>
        <NuxtRouteAnnouncer />

        <NuxtLayout>
            <ToastProvider>
                <NuxtPage />
                <div dir="ltr">
                    <VueQueryDevtools dir="ltr" buttonPosition="bottom-left" />
                </div>
                <ToastContainer />
                <ToastViewport
                    class="[--viewport-padding:_25px] fixed bottom-0 right-0 flex flex-col p-[var(--viewport-padding)] gap-[10px] w-[390px] max-w-[100vw] m-0 list-none z-[2147483647] outline-none"
                />
            </ToastProvider>
        </NuxtLayout>
    </div>
</template>

