Skip to content
This repository was archived by the owner on Apr 6, 2023. It is now read-only.

Commit ac9efb2

Browse files
committed
docs: update stability edge banners
1 parent b010e3e commit ac9efb2

File tree

5 files changed

+11
-19
lines changed

5 files changed

+11
-19
lines changed

docs/content/1.getting-started/5.routing.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -126,8 +126,6 @@ The `validate` property accepts the `route` as an argument. You can return a boo
126126

127127
If you have a more complex use case, then you can use anonymous route middleware instead.
128128

129-
:StabilityEdge
130-
131129
```vue [pages/post/[id].vue]
132130
<script setup>
133131
definePageMeta({

docs/content/1.getting-started/5.transitions.md

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -236,7 +236,7 @@ export default defineNuxtConfig({
236236
layoutTransition: {
237237
name: 'slide',
238238
mode: 'out-in' // default
239-
}
239+
}
240240
}
241241
})
242242
```
@@ -271,8 +271,6 @@ definePageMeta({
271271
</script>
272272
```
273273

274-
<!-- Remove this example in next RC: ::StabilityEdge -->
275-
276274
Or globally in the `nuxt.config`:
277275

278276
```ts [nuxt.config.ts]
@@ -371,7 +369,7 @@ const next = computed(() => '/' + (id.value + 1))
371369
<div>
372370
<slot />
373371
<div v-if="$route.params.id">
374-
<NuxtLink :to="prev">⬅️</NuxtLink> |
372+
<NuxtLink :to="prev">⬅️</NuxtLink> |
375373
<NuxtLink :to="next">➡️</NuxtLink>
376374
</div>
377375
</div>

docs/content/2.guide/2.directory-structure/1.components.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -225,6 +225,8 @@ This feature only works with Nuxt auto-imports and `#components` imports. Explic
225225

226226
## `<DevOnly>` Component
227227

228+
:StabilityEdge
229+
228230
Nuxt provides the `<DevOnly>` component to render a component only during development.
229231

230232
The content will not be included in production builds and tree-shaken.

docs/content/3.api/3.utils/define-page-meta.md

Lines changed: 7 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ interface PageMeta {
4747
**`alias`**
4848

4949
- **Type**: `string | string[]`
50-
50+
5151
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.
5252

5353
**`keepalive`**
@@ -81,9 +81,9 @@ interface PageMeta {
8181
Define anonymous or named middleware directly within `definePageMeta`. Learn more about [route middleware](/guide/directory-structure/middleware).
8282

8383
**`pageTransition`**
84-
84+
8585
- **Type**: `boolean` | [`TransitionProps`](https://vuejs.org/api/built-in-components.html#transition)
86-
86+
8787
Set name of the transition to apply for current page. You can also set this value to `false` to disable the page transition.
8888

8989
**`redirect`**
@@ -92,16 +92,12 @@ interface PageMeta {
9292

9393
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.
9494

95-
:StabilityEdge
96-
9795
**`validate`**
9896

9997
- **Type**: `(route: RouteLocationNormalized) => boolean | Promise<boolean> | Partial<NuxtError> | Promise<Partial<NuxtError>>`
10098

10199
Validate whether a given route can validly be rendered with this page. Return true if it is valid, or false if not. If another match can't be found, this will mean a 404. You can also directly return an object with `statusCode`/`statusMessage` to respond immediately with an error (other matches will not be checked).
102100

103-
:StabilityEdge
104-
105101
**`[key: string]`**
106102

107103
- **Type**: `any`
@@ -143,18 +139,18 @@ The example below shows how the middleware can be defined using a `function` dir
143139
middleware: [
144140
function (to, from) {
145141
const auth = useState('auth')
146-
142+
147143
if (!auth.value.authenticated) {
148144
return navigateTo('/login')
149145
}
150-
146+
151147
return navigateTo('/checkout')
152148
}
153149
],
154150
155151
// ... or a string
156152
middleware: 'auth'
157-
153+
158154
// ... or multiple strings
159155
middleware: ['auth', 'another-named-middleware']
160156
})
@@ -170,7 +166,7 @@ You can define the layout that matches the layout's file name located (by defaul
170166
definePageMeta({
171167
// set custom layout
172168
layout: 'admin'
173-
169+
174170
// ... or disable a default layout
175171
layout: false
176172
})

docs/content/7.migration/7.component-options.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -114,8 +114,6 @@ See [layout migration](/migration/pages-and-layouts).
114114

115115
The validate hook in Nuxt 3 only accepts a single argument, the `route`. Just as in Nuxt 2, you can return a boolean value. If you return false and another match can't be found, this will mean a 404. You can also directly return an object with `statusCode`/`statusMessage` to respond immediately with an error (other matches will not be checked).
116116

117-
:StabilityEdge
118-
119117
```diff [pages/users/[id].vue]
120118
- <script>
121119
- export default {

0 commit comments

Comments
 (0)