Components

<PlusModalPage />

Component to use for rendering a modal page.

This component uses <PlusParallelPage /> at the underlying level for implementation but enables hide-fallback by default.

It also only renders while a modal route is open (see ModalRouter.isOpen), i.e. when the modal was opened through <PlusModalLink> or $modalRouter. A route reached by direct navigation (entering the URL, refreshing, or a plain NuxtLink) renders as a plain full page and this outlet stays empty — even while a pending navigation still displays the previous page. If you need a parallel outlet that renders regardless of the modal state, use <PlusParallelPage /> directly.

Usage

Feel free to read Modal Routes first to know how to setup Modal Routes.

pages/index.vue

<template>
  <div>
    <PlusModalPage name="foo" />
  </div>
</template>

Edit this pageorReport an issue

To enable Modal Routes in your Nuxt project, you need to use this component to replace or wrap <NuxtPage />.

Component to open a modal with a url or navigate inside modal view.