docs: add warning about definePageMeta issues with transitions and …

…`NuxtLoadingIndicator` (#9055) Co-authored-by: Daniel Roe <daniel@roe.dev>
nuxt · Nov 16, 2022 · 3aadc57 · 3aadc57
1 parent 780b17b
commit 3aadc57
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/docs/content/1.docs/1.getting-started/5.transitions.md b/docs/content/1.docs/1.getting-started/5.transitions.md
@@ -19,6 +19,10 @@ export default defineNuxtConfig({
 })
 ```
 
+::alert{type=warning}
+If you are changing layouts as well as page, the page transition you set here will not run. Instead, you should set a layout transition.
+::
+
 To start adding transition between your pages, add the following CSS to your [`app.vue`](/docs/guide/directory-structure/app):
 
 ::code-group

diff --git a/docs/content/1.docs/3.api/2.components/5.nuxt-loading-indicator.md b/docs/content/1.docs/3.api/2.components/5.nuxt-loading-indicator.md
@@ -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 changing layouts as well as page, the page transition you set here will not run. Instead, you should set a layout transition.
+::
+
 ## Slots
 
 You can pass custom HTML or components through the loading indicator's default slot.