docs: add warning about definePageMeta issues with transitions and NuxtLoadingIndicator

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

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.