Skip to content
This repository has been archived by the owner on Apr 6, 2023. It is now read-only.

docs: add warning about definePageMeta issues with transitions and NuxtLoadingIndicator #9055

Merged
merged 3 commits into from Nov 16, 2022
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 4 additions & 0 deletions docs/content/1.docs/1.getting-started/5.transitions.md
Expand Up @@ -19,6 +19,10 @@ export default defineNuxtConfig({
})
```

::alert{type=warning}
If you are using `definePageMeta` to handle dynamic layouts, the page transitions on this page will not work.
Intevel marked this conversation as resolved.
Show resolved Hide resolved
::

To start adding transition between your pages, add the following CSS to your [`app.vue`](/docs/guide/directory-structure/app):

::code-group
Expand Down
Expand Up @@ -19,6 +19,10 @@ Add `<NuxtLoadingIndicator/>` in your `app.vue` or layouts.

:button-link[Open on StackBlitz]{href="https://stackblitz.com/github/nuxt/framework/tree/main/examples/routing/pages?terminal=dev&file=/app.vue" blank}

::alert{type=warning}
If you are using `definePageMeta` to handle dynamic layouts, the `NuxtLoadingIndicator` will not work.
Intevel marked this conversation as resolved.
Show resolved Hide resolved
::

## Slots

You can pass custom HTML or components through the loading indicator's default slot.
Expand Down