@nuxt/docs-nightly 5.0.0-29740294.24eec37d → 5.0.0-29741034.7d8d0062
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8,6 +8,10 @@ navigation.icon: i-lucide-toggle-right
|
|
|
8
8
|
Nuxt leverages Vue's [`<Transition>`](https://vuejs.org/guide/built-ins/transition#the-transition-component) component to apply transitions between pages and layouts.
|
|
9
9
|
::
|
|
10
10
|
|
|
11
|
+
::important
|
|
12
|
+
Because Nuxt uses Vue's `<Transition>` component, a page or layout you want to animate must have a **single root element**. A page or layout with multiple root elements (a fragment) cannot be animated, so the transition will not run and navigating between routes may error. Nuxt warns about this in development. Wrap the template in a single root element (for example a `<div>`).
|
|
13
|
+
::
|
|
14
|
+
|
|
11
15
|
## Page Transitions
|
|
12
16
|
|
|
13
17
|
You can enable page transitions to apply an automatic transition for all your [pages](/docs/4.x/directory-structure/app/pages).
|