Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-22 21:55:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Co-authored-by: Daniel Roe <daniel@roe.dev>
This commit is contained in:
Conner 2022-11-16 15:06:36 +01:00 committed by GitHub
parent 780b17b196
commit 3aadc57be5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/content/1.docs/1.getting-started/5.transitions.md
View File

@ -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): To start adding transition between your pages, add the following CSS to your [`app.vue`](/docs/guide/directory-structure/app):
::code-group ::code-group

4
docs/content/1.docs/3.api/2.components/5.nuxt-loading-indicator.md
View File

@ -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} :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 ## Slots
You can pass custom HTML or components through the loading indicator's default slot. You can pass custom HTML or components through the loading indicator's default slot.