Components
<PlusModalNuxtPage />
A backward-compatible, page-only component for rendering the background route of a modal.
Usage
For new applications, prefer <PlusModalApp />. It renders both the layout and page while preserving the correct background view when a modal is open.
PlusModalNuxtPage remains available for backward compatibility and for applications that manage <NuxtLayout> themselves. Without a custom slot, it renders only <NuxtPage> and does not add a layout.
app.vue
<template>
- <NuxtPage />
+ <PlusModalNuxtPage />
</template>
Use the default scoped slot to render a custom page tree. The slot exposes both the modal-aware background route and its layout:
app.vue
<template>
<PlusModalNuxtPage v-slot="{ route, layout }">
<NuxtLayout :name="layout">
<NuxtPage :route="route" />
</NuxtLayout>
</PlusModalNuxtPage>
</template>
Props
The component accepts the same props as <NuxtPage>. They are forwarded to the fallback <NuxtPage>.
Slots
{
default?: (props: {
route: NuxtPageProps['route']
layout: PageMeta['layout']
}) => any
}