diff --git a/docs/content/3.api/3.utils/define-page-meta.md b/docs/content/3.api/3.utils/define-page-meta.md index c8b835f0563..138cce4ad0f 100644 --- a/docs/content/3.api/3.utils/define-page-meta.md +++ b/docs/content/3.api/3.utils/define-page-meta.md @@ -44,17 +44,17 @@ interface PageMeta { An object accepting the following page metadata: - **`pageTransition`** - - - **Type**: `boolean` | [`TransitionProps`](https://vuejs.org/api/built-in-components.html#transition) + **`alias`** + + - **Type**: `string | string[]` - Set name of the transition to apply for current page. You can also set this value to `false` to disable the page transition. + Aliases for the record. Allows defining extra paths that will behave like a copy of the record. Allows having paths shorthands like `/users/:id` and `/u/:id`. All `alias` and `path` values must share the same params. - **`layoutTransition`** + **`keepalive`** - - **Type**: `boolean` | [`TransitionProps`](https://vuejs.org/api/built-in-components.html#transition) + - **Type**: `boolean` | [`KeepAliveProps`](https://vuejs.org/api/built-in-components.html#keepalive) - Set name of the transition to apply for current layout. You can also set this value to `false` to disable the layout transition. + Set to `true` when you want to preserve page state across route changes or use the [`KeepAliveProps`](https://vuejs.org/api/built-in-components.html#keepalive) for a fine-grained control. **`key`** @@ -62,24 +62,38 @@ interface PageMeta { Set `key` value when you need more control over when the `` component is re-rendered. - **`keepalive`** - - - **Type**: `boolean` | [`KeepAliveProps`](https://vuejs.org/api/built-in-components.html#keepalive) - - Set to `true` when you want to preserve page state across route changes or use the [`KeepAliveProps`](https://vuejs.org/api/built-in-components.html#keepalive) for a fine-grained control. - **`layout`** - **Type**: `false` | `LayoutKey` | `Ref` | `ComputedRef` Set a static or dynamic name of the layout for each route. This can be set to `false` in case the default layout needs to be disabled. + **`layoutTransition`** + + - **Type**: `boolean` | [`TransitionProps`](https://vuejs.org/api/built-in-components.html#transition) + + Set name of the transition to apply for current layout. You can also set this value to `false` to disable the layout transition. + **`middleware`** - **Type**: `MiddlewareKey` | [`NavigationGuard`](https://router.vuejs.org/api/interfaces/NavigationGuard.html#navigationguard) | `Array` Define anonymous or named middleware directly within `definePageMeta`. Learn more about [route middleware](/docs/directory-structure/middleware). + **`pageTransition`** + + - **Type**: `boolean` | [`TransitionProps`](https://vuejs.org/api/built-in-components.html#transition) + + Set name of the transition to apply for current page. You can also set this value to `false` to disable the page transition. + + **`redirect`** + + - **Type**: [`RouteRecordRedirectOption`](https://router.vuejs.org/guide/essentials/redirect-and-alias.html#redirect-and-alias) + + Where to redirect if the route is directly matched. The redirection happens before any navigation guard and triggers a new navigation with the new target location. + + :StabilityEdge + **`validate`** - **Type**: `(route: RouteLocationNormalized) => boolean | Promise | Partial | Promise>`