layout slot issue

<template>
    <NuxtLayout>
        <NuxtPage />
    </NuxtLayout>

    <UModals />
    <UNotifications />
</template>

    <Page>
        <Section full class="pt-4 pb-6">
            <!-- <HeaderDefault :menu="leAuth.isAuthenticated ? 'connected' : 'main'" /> -->
            <HeaderDefault />
        </Section>
        <slot />
        <footer class="w-full">
            <Section wide class="bg-neutral-light dark:bg-darkness-700 py-4">
                <FooterDefault />
            </Section>
        </footer>
    </Page>

<template>
    <div :class="`flex flex-col items-center min-h-screen w-screen overflow-x-hidden text-darkness dark:text-neutral-light text-lg font-text font-normal leading-snug bg-neutral-light dark:bg-darkness ${debugP}`">
        <slot />
    </div>
</template>