@nuxt/docs-nightly 4.1.3-29313364.98ecc620 → 4.1.3-29314777.50febbbb
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.
- package/1.getting-started/01.introduction.md +4 -4
- package/1.getting-started/02.installation.md +1 -1
- package/1.getting-started/03.configuration.md +6 -6
- package/1.getting-started/04.views.md +2 -2
- package/1.getting-started/05.assets.md +1 -1
- package/1.getting-started/06.styling.md +3 -3
- package/1.getting-started/07.routing.md +5 -5
- package/1.getting-started/08.seo-meta.md +4 -4
- package/1.getting-started/10.data-fetching.md +14 -14
- package/1.getting-started/11.state-management.md +4 -4
- package/1.getting-started/12.error-handling.md +11 -11
- package/1.getting-started/13.server.md +5 -5
- package/1.getting-started/14.layers.md +1 -1
- package/1.getting-started/15.prerendering.md +4 -4
- package/1.getting-started/16.deployment.md +1 -1
- package/1.getting-started/17.testing.md +1 -1
- package/1.getting-started/18.upgrade.md +2 -2
- package/2.guide/0.index.md +5 -5
- package/2.guide/1.directory-structure/0.output.md +1 -1
- package/2.guide/1.directory-structure/1.app/1.assets.md +1 -1
- package/2.guide/1.directory-structure/1.app/1.components.md +4 -4
- package/2.guide/1.directory-structure/1.app/1.composables.md +2 -2
- package/2.guide/1.directory-structure/1.app/1.layouts.md +3 -3
- package/2.guide/1.directory-structure/1.app/1.middleware.md +3 -3
- package/2.guide/1.directory-structure/1.app/1.pages.md +6 -6
- package/2.guide/1.directory-structure/1.app/1.utils.md +2 -2
- package/2.guide/1.directory-structure/1.app/3.app-config.md +1 -1
- package/2.guide/1.directory-structure/1.app/3.app.md +3 -3
- package/2.guide/1.directory-structure/1.modules.md +1 -1
- package/2.guide/1.directory-structure/1.server.md +2 -2
- package/2.guide/1.directory-structure/1.shared.md +2 -2
- package/2.guide/1.directory-structure/2.env.md +3 -3
- package/2.guide/1.directory-structure/2.nuxtrc.md +1 -1
- package/2.guide/1.directory-structure/3.nuxt-config.md +1 -1
- package/2.guide/2.concepts/1.auto-imports.md +4 -4
- package/2.guide/2.concepts/10.nuxt-lifecycle.md +7 -7
- package/2.guide/2.concepts/2.vuejs-development.md +4 -4
- package/2.guide/2.concepts/3.rendering.md +3 -3
- package/2.guide/2.concepts/4.server-engine.md +1 -1
- package/2.guide/2.concepts/5.modules.md +1 -1
- package/2.guide/2.concepts/7.esm.md +2 -2
- package/2.guide/3.going-further/1.events.md +1 -1
- package/2.guide/3.going-further/1.experimental-features.md +4 -4
- package/2.guide/3.going-further/10.runtime-config.md +1 -1
- package/2.guide/3.going-further/11.nightly-release-channel.md +1 -1
- package/2.guide/3.going-further/2.hooks.md +3 -3
- package/2.guide/3.going-further/3.modules.md +7 -7
- package/2.guide/3.going-further/4.kit.md +2 -2
- package/2.guide/3.going-further/6.nuxt-app.md +3 -3
- package/2.guide/3.going-further/7.layers.md +1 -1
- package/2.guide/4.recipes/3.custom-usefetch.md +1 -1
- package/2.guide/4.recipes/4.sessions-and-authentication.md +1 -1
- package/2.guide/5.best-practices/performance.md +5 -5
- package/3.api/1.components/1.nuxt-client-fallback.md +1 -1
- package/3.api/1.components/11.teleports.md +1 -1
- package/3.api/1.components/2.nuxt-page.md +2 -2
- package/3.api/1.components/3.nuxt-layout.md +4 -4
- package/3.api/1.components/4.nuxt-link.md +2 -2
- package/3.api/1.components/5.nuxt-loading-indicator.md +1 -1
- package/3.api/1.components/6.nuxt-error-boundary.md +1 -1
- package/3.api/2.composables/use-app-config.md +1 -1
- package/3.api/2.composables/use-async-data.md +3 -3
- package/3.api/2.composables/use-cookie.md +1 -1
- package/3.api/2.composables/use-error.md +1 -1
- package/3.api/2.composables/use-fetch.md +4 -4
- package/3.api/2.composables/use-head.md +1 -1
- package/3.api/2.composables/use-lazy-async-data.md +2 -2
- package/3.api/2.composables/use-lazy-fetch.md +2 -2
- package/3.api/2.composables/use-nuxt-app.md +1 -1
- package/3.api/2.composables/use-router.md +1 -1
- package/3.api/2.composables/use-runtime-config.md +5 -5
- package/3.api/2.composables/use-seo-meta.md +2 -2
- package/3.api/2.composables/use-server-seo-meta.md +2 -2
- package/3.api/2.composables/use-state.md +1 -1
- package/3.api/3.utils/$fetch.md +1 -1
- package/3.api/3.utils/call-once.md +2 -2
- package/3.api/3.utils/clear-error.md +1 -1
- package/3.api/3.utils/create-error.md +1 -1
- package/3.api/3.utils/define-nuxt-plugin.md +1 -1
- package/3.api/3.utils/define-page-meta.md +2 -2
- package/3.api/3.utils/define-route-rules.md +2 -2
- package/3.api/3.utils/navigate-to.md +1 -1
- package/3.api/3.utils/preload-route-components.md +2 -2
- package/3.api/3.utils/refresh-cookie.md +1 -1
- package/3.api/3.utils/refresh-nuxt-data.md +1 -1
- package/3.api/3.utils/reload-nuxt-app.md +1 -1
- package/3.api/3.utils/set-response-status.md +1 -1
- package/3.api/3.utils/show-error.md +1 -1
- package/3.api/3.utils/update-app-config.md +1 -1
- package/3.api/4.commands/generate.md +1 -1
- package/3.api/4.commands/typecheck.md +1 -1
- package/3.api/6.advanced/1.hooks.md +1 -1
- package/3.api/6.nuxt-config.md +6 -6
- package/3.api/index.md +7 -7
- package/5.community/4.contribution.md +5 -5
- package/5.community/5.framework-contribution.md +1 -1
- package/6.bridge/3.bridge-composition-api.md +2 -2
- package/6.bridge/5.nuxt3-compatible-api.md +1 -1
- package/7.migration/10.bundling.md +1 -1
- package/7.migration/11.server.md +3 -3
- package/7.migration/2.configuration.md +1 -1
- package/7.migration/20.module-authors.md +1 -1
- package/7.migration/4.meta.md +1 -1
- package/7.migration/5.plugins-and-middleware.md +3 -3
- package/7.migration/6.pages-and-layouts.md +5 -5
- package/7.migration/7.component-options.md +4 -4
- package/7.migration/8.runtime-config.md +1 -1
- package/package.json +1 -1
package/3.api/6.nuxt-config.md
CHANGED
|
@@ -310,7 +310,7 @@ This can be overridden with `definePageMeta` on an individual page.
|
|
|
310
310
|
- **Type**: `boolean`
|
|
311
311
|
- **Default:** `false`
|
|
312
312
|
|
|
313
|
-
**See**: [Nuxt View Transition API docs](https://nuxt.com/docs/getting-started/transitions#view-transitions-api-experimental)
|
|
313
|
+
**See**: [Nuxt View Transition API docs](https://nuxt.com/docs/4.x/getting-started/transitions#view-transitions-api-experimental)
|
|
314
314
|
|
|
315
315
|
## appConfig
|
|
316
316
|
|
|
@@ -442,7 +442,7 @@ Any components in the directories configured here can be used throughout your pa
|
|
|
442
442
|
}
|
|
443
443
|
```
|
|
444
444
|
|
|
445
|
-
**See**: [`app/components/` directory documentation](https://nuxt.com/docs/guide/directory-structure/app/components)
|
|
445
|
+
**See**: [`app/components/` directory documentation](https://nuxt.com/docs/4.x/guide/directory-structure/app/components)
|
|
446
446
|
|
|
447
447
|
## css
|
|
448
448
|
|
|
@@ -1380,7 +1380,7 @@ Any file in `app/pages/`, `app/layouts/`, `app/middleware/`, and `public/` direc
|
|
|
1380
1380
|
|
|
1381
1381
|
Configure how Nuxt auto-imports composables into your application.
|
|
1382
1382
|
|
|
1383
|
-
**See**: [Nuxt documentation](https://nuxt.com/docs/guide/directory-structure/app/composables)
|
|
1383
|
+
**See**: [Nuxt documentation](https://nuxt.com/docs/4.x/guide/directory-structure/app/composables)
|
|
1384
1384
|
|
|
1385
1385
|
### `dirs`
|
|
1386
1386
|
|
|
@@ -1676,7 +1676,7 @@ and these plugins do not need to be listed in `nuxt.config` unless you
|
|
|
1676
1676
|
need to customize their order. All plugins are deduplicated by their src path.
|
|
1677
1677
|
::
|
|
1678
1678
|
|
|
1679
|
-
**See**: [`app/plugins/` directory documentation](https://nuxt.com/docs/guide/directory-structure/plugins)
|
|
1679
|
+
**See**: [`app/plugins/` directory documentation](https://nuxt.com/docs/4.x/guide/directory-structure/plugins)
|
|
1680
1680
|
|
|
1681
1681
|
**Example**:
|
|
1682
1682
|
```js
|
|
@@ -1818,7 +1818,7 @@ Each handler accepts the following options:
|
|
|
1818
1818
|
|
|
1819
1819
|
- **Type**: `array`
|
|
1820
1820
|
|
|
1821
|
-
**See**: [`server/` directory documentation](https://nuxt.com/docs/guide/directory-structure/server)
|
|
1821
|
+
**See**: [`server/` directory documentation](https://nuxt.com/docs/4.x/guide/directory-structure/server)
|
|
1822
1822
|
|
|
1823
1823
|
::callout
|
|
1824
1824
|
**Note**: Files from `server/api`, `server/middleware` and `server/routes` will be automatically registered by Nuxt.
|
|
@@ -2044,7 +2044,7 @@ If set to true, this will type check in development. You can restrict this to bu
|
|
|
2044
2044
|
- **Type**: `boolean`
|
|
2045
2045
|
- **Default:** `false`
|
|
2046
2046
|
|
|
2047
|
-
**See**: [Nuxt TypeScript docs](https://nuxt.com/docs/guide/concepts/typescript)
|
|
2047
|
+
**See**: [Nuxt TypeScript docs](https://nuxt.com/docs/4.x/guide/concepts/typescript)
|
|
2048
2048
|
|
|
2049
2049
|
## unhead
|
|
2050
2050
|
|
package/3.api/index.md
CHANGED
|
@@ -7,25 +7,25 @@ surround: false
|
|
|
7
7
|
---
|
|
8
8
|
|
|
9
9
|
::card-group
|
|
10
|
-
::card{icon="i-lucide-box" title="Components" to="/docs/api/components/client-only"}
|
|
10
|
+
::card{icon="i-lucide-box" title="Components" to="/docs/4.x/api/components/client-only"}
|
|
11
11
|
Explore Nuxt built-in components for pages, layouts, head, and more.
|
|
12
12
|
::
|
|
13
|
-
::card{icon="i-lucide-arrow-left-right" title="Composables" to="/docs/api/composables/use-app-config"}
|
|
13
|
+
::card{icon="i-lucide-arrow-left-right" title="Composables" to="/docs/4.x/api/composables/use-app-config"}
|
|
14
14
|
Discover Nuxt composable functions for data-fetching, head management and more.
|
|
15
15
|
::
|
|
16
|
-
::card{icon="i-lucide-square-function" title="Utils" to="/docs/api/utils/dollarfetch"}
|
|
16
|
+
::card{icon="i-lucide-square-function" title="Utils" to="/docs/4.x/api/utils/dollarfetch"}
|
|
17
17
|
Learn about Nuxt utility functions for navigation, error handling and more.
|
|
18
18
|
::
|
|
19
|
-
::card{icon="i-lucide-square-terminal" title="Commands" to="/docs/api/commands/add"}
|
|
19
|
+
::card{icon="i-lucide-square-terminal" title="Commands" to="/docs/4.x/api/commands/add"}
|
|
20
20
|
List of Nuxt CLI commands to init, analyze, build, and preview your application.
|
|
21
21
|
::
|
|
22
|
-
::card{icon="i-lucide-package" title="Nuxt Kit" to="/docs/api/kit/modules"}
|
|
22
|
+
::card{icon="i-lucide-package" title="Nuxt Kit" to="/docs/4.x/api/kit/modules"}
|
|
23
23
|
Understand Nuxt Kit utilities to create modules and control Nuxt.
|
|
24
24
|
::
|
|
25
|
-
::card{icon="i-lucide-brain" title="Advanced" to="/docs/api/advanced/hooks"}
|
|
25
|
+
::card{icon="i-lucide-brain" title="Advanced" to="/docs/4.x/api/advanced/hooks"}
|
|
26
26
|
Go deep in Nuxt internals with Nuxt lifecycle hooks.
|
|
27
27
|
::
|
|
28
|
-
::card{icon="i-lucide-cog" title="Nuxt Configuration" to="/docs/api/nuxt-config"}
|
|
28
|
+
::card{icon="i-lucide-cog" title="Nuxt Configuration" to="/docs/4.x/api/nuxt-config"}
|
|
29
29
|
Explore all Nuxt configuration options to customize your application.
|
|
30
30
|
::
|
|
31
31
|
::
|
|
@@ -42,7 +42,7 @@ If you're working on a feature, then we ask that you **open a feature request is
|
|
|
42
42
|
|
|
43
43
|
For typo fixes, it's recommended to batch multiple typo fixes into one pull request to maintain a cleaner commit history.
|
|
44
44
|
|
|
45
|
-
For bigger changes to Nuxt itself, we recommend that you first [create a Nuxt module](/docs/community/contribution#create-a-module) and implement the feature there. This allows for quick proof-of-concept. You can then [create an RFC](/docs/community/contribution#make-an-rfc) in the form of a discussion. As users adopt it and you gather feedback, it can then be refined and either added to Nuxt core or continue as a standalone module.
|
|
45
|
+
For bigger changes to Nuxt itself, we recommend that you first [create a Nuxt module](/docs/4.x/community/contribution#create-a-module) and implement the feature there. This allows for quick proof-of-concept. You can then [create an RFC](/docs/4.x/community/contribution#make-an-rfc) in the form of a discussion. As users adopt it and you gather feedback, it can then be refined and either added to Nuxt core or continue as a standalone module.
|
|
46
46
|
|
|
47
47
|
#### Commit Conventions
|
|
48
48
|
|
|
@@ -58,7 +58,7 @@ If you are working in a project with a monorepo, like `nuxt/nuxt`, ensure that y
|
|
|
58
58
|
|
|
59
59
|
If you don't know how to send a pull request, we recommend reading [the guide](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request).
|
|
60
60
|
|
|
61
|
-
When sending a pull request, make sure your PR's title also follows the [Commit Convention](/docs/community/contribution#commit-conventions).
|
|
61
|
+
When sending a pull request, make sure your PR's title also follows the [Commit Convention](/docs/4.x/community/contribution#commit-conventions).
|
|
62
62
|
|
|
63
63
|
If your PR fixes or resolves existing issues, please make sure you mention them in the PR description.
|
|
64
64
|
|
|
@@ -106,7 +106,7 @@ If you need help while building it, feel free to [check in with us](/docs/4.x/co
|
|
|
106
106
|
|
|
107
107
|
### Make an RFC
|
|
108
108
|
|
|
109
|
-
We highly recommend [creating a module](/docs/community/contribution#create-a-module) first to test out big new features and gain community adoption.
|
|
109
|
+
We highly recommend [creating a module](/docs/4.x/community/contribution#create-a-module) first to test out big new features and gain community adoption.
|
|
110
110
|
|
|
111
111
|
If you have done this already, or it's not appropriate to create a new module, then please start by creating a new discussion. Make sure it explains your thinking as clearly as possible. Include code examples or function signatures for new APIs. Reference existing issues or pain points with examples.
|
|
112
112
|
|
|
@@ -172,7 +172,7 @@ We recommend using [VS Code](https://code.visualstudio.com) along with the [ESLi
|
|
|
172
172
|
|
|
173
173
|
#### No Prettier
|
|
174
174
|
|
|
175
|
-
Since ESLint is already configured to format the code, there is no need to duplicate the functionality with Prettier. To format the code, you can run `yarn lint --fix`, `pnpm lint --fix`, or `bun run lint --fix` or referring the [ESLint section](/docs/community/contribution#use-eslint) for IDE Setup.
|
|
175
|
+
Since ESLint is already configured to format the code, there is no need to duplicate the functionality with Prettier. To format the code, you can run `yarn lint --fix`, `pnpm lint --fix`, or `bun run lint --fix` or referring the [ESLint section](/docs/4.x/community/contribution#use-eslint) for IDE Setup.
|
|
176
176
|
|
|
177
177
|
If you have Prettier installed in your editor, we recommend you disable it when working on the project to avoid conflict.
|
|
178
178
|
|
|
@@ -218,6 +218,6 @@ Here are some tips that may help improve your documentation:
|
|
|
218
218
|
Nuxt will throw an error.
|
|
219
219
|
::
|
|
220
220
|
|
|
221
|
-
::read-more{to="/docs/community/framework-contribution#documentation-guide"}
|
|
221
|
+
::read-more{to="/docs/4.x/community/framework-contribution#documentation-guide"}
|
|
222
222
|
Learn how to contribute to the documentation.
|
|
223
223
|
::
|
|
@@ -42,7 +42,7 @@ To contribute to Nuxt, you need to set up a local environment.
|
|
|
42
42
|
git checkout -b my-new-branch
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
-
Then, test your changes against the [playground](/docs/community/framework-contribution#playground) and [test](/docs/community/framework-contribution#testing) your changes before submitting a pull request.
|
|
45
|
+
Then, test your changes against the [playground](/docs/4.x/community/framework-contribution#playground) and [test](/docs/4.x/community/framework-contribution#testing) your changes before submitting a pull request.
|
|
46
46
|
|
|
47
47
|
### Playground
|
|
48
48
|
|
|
@@ -91,7 +91,7 @@ export default <Middleware> function (ctx) { }
|
|
|
91
91
|
|
|
92
92
|
This was a type-helper stub function that is now removed.
|
|
93
93
|
|
|
94
|
-
You may also keep using Nuxt 2-style plugins, by removing the function (as with [defineNuxtMiddleware](/docs/bridge/bridge-composition-api#definenuxtmiddleware)).
|
|
94
|
+
You may also keep using Nuxt 2-style plugins, by removing the function (as with [defineNuxtMiddleware](/docs/4.x/bridge/bridge-composition-api#definenuxtmiddleware)).
|
|
95
95
|
|
|
96
96
|
Remove the `defineNuxtPlugin` wrapper:
|
|
97
97
|
|
|
@@ -113,7 +113,7 @@ export default <Plugin> function (ctx, inject) {}
|
|
|
113
113
|
While this example is valid, Nuxt 3 introduces a new defineNuxtPlugin function that has a slightly different signature.
|
|
114
114
|
::
|
|
115
115
|
|
|
116
|
-
:ReadMore{link="/docs/guide/directory-structure/app/plugins#creating-plugins"}
|
|
116
|
+
:ReadMore{link="/docs/4.x/guide/directory-structure/app/plugins#creating-plugins"}
|
|
117
117
|
|
|
118
118
|
### `useRouter` and `useRoute`
|
|
119
119
|
|
|
@@ -201,4 +201,4 @@ export default defineNuxtConfig({
|
|
|
201
201
|
})
|
|
202
202
|
```
|
|
203
203
|
|
|
204
|
-
This will disable auto-imports completely but it's still possible to use [explicit imports](/docs/bridge/nuxt3-compatible-api#explicit-imports) from `#imports`.
|
|
204
|
+
This will disable auto-imports completely but it's still possible to use [explicit imports](/docs/4.x/bridge/nuxt3-compatible-api#explicit-imports) from `#imports`.
|
|
@@ -16,7 +16,7 @@ If you need to configure any of Nuxt's build tools, you can do so in your `nuxt.
|
|
|
16
16
|
|
|
17
17
|
In addition, Nuxt ships with TypeScript support.
|
|
18
18
|
|
|
19
|
-
:read-more{to="/docs/guide/concepts/typescript"}
|
|
19
|
+
:read-more{to="/docs/4.x/guide/concepts/typescript"}
|
|
20
20
|
|
|
21
21
|
## Steps
|
|
22
22
|
|
package/7.migration/11.server.md
CHANGED
|
@@ -5,7 +5,7 @@ description: 'Learn how to migrate from Nuxt 2 to Nuxt 3 server.'
|
|
|
5
5
|
|
|
6
6
|
In a built Nuxt 3 application, there is no runtime Nuxt dependency. That means your site will be highly performant, and ultra-slim. But it also means you can no longer hook into runtime Nuxt server hooks.
|
|
7
7
|
|
|
8
|
-
:read-more{to="/docs/guide/concepts/server-engine"}
|
|
8
|
+
:read-more{to="/docs/4.x/guide/concepts/server-engine"}
|
|
9
9
|
|
|
10
10
|
## Steps
|
|
11
11
|
|
|
@@ -13,5 +13,5 @@ In a built Nuxt 3 application, there is no runtime Nuxt dependency. That means y
|
|
|
13
13
|
2. Any files in `~/server/api` and `~/server/middleware` will be automatically registered; you can remove them from your `serverMiddleware` array.
|
|
14
14
|
3. Update any other items in your `serverMiddleware` array to point to files or npm packages directly, rather than using inline functions.
|
|
15
15
|
|
|
16
|
-
:read-more{to="/docs/guide/directory-structure/server"}
|
|
17
|
-
:read-more{to="/docs/guide/going-further/hooks#server-hooks-runtime"}
|
|
16
|
+
:read-more{to="/docs/4.x/guide/directory-structure/server"}
|
|
17
|
+
:read-more{to="/docs/4.x/guide/going-further/hooks#server-hooks-runtime"}
|
|
@@ -138,7 +138,7 @@ If you are a module author, you can check out [more information about module com
|
|
|
138
138
|
|
|
139
139
|
The `static/` (for storing static assets) has been renamed to `public/`. You can either rename your `static` directory to `public`, or keep the name by setting `dir.public` in your `nuxt.config`.
|
|
140
140
|
|
|
141
|
-
:read-more{to="/docs/guide/directory-structure/public"}
|
|
141
|
+
:read-more{to="/docs/4.x/guide/directory-structure/public"}
|
|
142
142
|
|
|
143
143
|
## TypeScript
|
|
144
144
|
|
|
@@ -17,7 +17,7 @@ Explore Nuxt 3 compatible modules.
|
|
|
17
17
|
|
|
18
18
|
Nuxt 3 plugins are **not** fully backward compatible with Nuxt 2.
|
|
19
19
|
|
|
20
|
-
:read-more{to="/docs/guide/directory-structure/plugins"}
|
|
20
|
+
:read-more{to="/docs/4.x/guide/directory-structure/plugins"}
|
|
21
21
|
|
|
22
22
|
### Vue Compatibility
|
|
23
23
|
|
package/7.migration/4.meta.md
CHANGED
|
@@ -14,7 +14,7 @@ You can customize `title`, `titleTemplate`, `base`, `script`, `noscript`, `style
|
|
|
14
14
|
Nuxt currently uses [`Unhead`](https://github.com/unjs/unhead) to manage your meta tags, but implementation details may change.
|
|
15
15
|
::
|
|
16
16
|
|
|
17
|
-
:read-more{to="/docs/getting-started/seo-meta"}
|
|
17
|
+
:read-more{to="/docs/4.x/getting-started/seo-meta"}
|
|
18
18
|
|
|
19
19
|
## Migration
|
|
20
20
|
|
|
@@ -31,9 +31,9 @@ export default defineNuxtPlugin(nuxtApp => {
|
|
|
31
31
|
|
|
32
32
|
::
|
|
33
33
|
|
|
34
|
-
:read-more{to="/docs/guide/directory-structure/plugins"}
|
|
34
|
+
:read-more{to="/docs/4.x/guide/directory-structure/plugins"}
|
|
35
35
|
|
|
36
|
-
::read-more{to="/docs/api/composables/use-nuxt-app"}
|
|
36
|
+
::read-more{to="/docs/4.x/api/composables/use-nuxt-app"}
|
|
37
37
|
Read more about the format of `nuxtApp`.
|
|
38
38
|
::
|
|
39
39
|
|
|
@@ -72,7 +72,7 @@ Much like Nuxt 2, route middleware placed in your `~/middleware` folder is autom
|
|
|
72
72
|
|
|
73
73
|
`navigateTo` is one of a number of route helper functions.
|
|
74
74
|
|
|
75
|
-
:read-more{to="/docs/guide/directory-structure/app/middleware"}
|
|
75
|
+
:read-more{to="/docs/4.x/guide/directory-structure/app/middleware"}
|
|
76
76
|
|
|
77
77
|
### Migration
|
|
78
78
|
|
|
@@ -13,9 +13,9 @@ If you don't have an `app.vue` file in your source directory, Nuxt will use its
|
|
|
13
13
|
|
|
14
14
|
This file is a great place to put any custom code that needs to be run once when your app starts up, as well as any components that are present on every page of your app. For example, if you only have one layout, you can move this to `app.vue` instead.
|
|
15
15
|
|
|
16
|
-
:read-more{to="/docs/guide/directory-structure/app"}
|
|
16
|
+
:read-more{to="/docs/4.x/guide/directory-structure/app"}
|
|
17
17
|
|
|
18
|
-
:link-example{to="/docs/examples/hello-world"}
|
|
18
|
+
:link-example{to="/docs/4.x/examples/hello-world"}
|
|
19
19
|
|
|
20
20
|
### Migration
|
|
21
21
|
|
|
@@ -84,13 +84,13 @@ In Nuxt 2, you will have defined any nested routes (with parent and child compon
|
|
|
84
84
|
|
|
85
85
|
If you were passing a custom page key or keep-alive props to `<Nuxt>`, you will now use `definePageMeta` to set these options.
|
|
86
86
|
|
|
87
|
-
:read-more{to="/docs/guide/directory-structure/app/pages#special-metadata"}
|
|
87
|
+
:read-more{to="/docs/4.x/guide/directory-structure/app/pages#special-metadata"}
|
|
88
88
|
|
|
89
89
|
### Page and Layout Transitions
|
|
90
90
|
|
|
91
91
|
If you have been defining transitions for your page or layout directly in your component options, you will now need to use `definePageMeta` to set the transition. Since Vue 3, [-enter and -leave CSS classes have been renamed](https://v3-migration.vuejs.org/breaking-changes/transition.html). The `style` prop from `<Nuxt>` no longer applies to transition when used on `<slot>`, so move the styles to your `-active` class.
|
|
92
92
|
|
|
93
|
-
:read-more{to="/docs/getting-started/transitions"}
|
|
93
|
+
:read-more{to="/docs/4.x/getting-started/transitions"}
|
|
94
94
|
|
|
95
95
|
### Migration
|
|
96
96
|
|
|
@@ -186,7 +186,7 @@ Most of the syntax and functionality are the same for the global [NuxtLink](/doc
|
|
|
186
186
|
|
|
187
187
|
`<NuxtLink>` is now a drop-in replacement for _all_ links, even external ones. You can read more about it, and how to extend it to provide your own link component.
|
|
188
188
|
|
|
189
|
-
:read-more{to="/docs/api/components/nuxt-link"}
|
|
189
|
+
:read-more{to="/docs/4.x/api/components/nuxt-link"}
|
|
190
190
|
|
|
191
191
|
## Programmatic Navigation
|
|
192
192
|
|
|
@@ -67,7 +67,7 @@ Despite the names, [`useFetch`](/docs/4.x/api/composables/use-fetch) is not a di
|
|
|
67
67
|
|
|
68
68
|
## `head`
|
|
69
69
|
|
|
70
|
-
:read-more{to="/docs/migration/meta"}
|
|
70
|
+
:read-more{to="/docs/4.x/migration/meta"}
|
|
71
71
|
|
|
72
72
|
## `key`
|
|
73
73
|
|
|
@@ -91,7 +91,7 @@ You can now define a key within the [`definePageMeta`](/docs/4.x/api/utils/defin
|
|
|
91
91
|
|
|
92
92
|
## `layout`
|
|
93
93
|
|
|
94
|
-
:read-more{to="/docs/migration/pages-and-layouts"}
|
|
94
|
+
:read-more{to="/docs/4.x/migration/pages-and-layouts"}
|
|
95
95
|
|
|
96
96
|
## `loading`
|
|
97
97
|
|
|
@@ -99,7 +99,7 @@ This feature is not yet supported in Nuxt 3.
|
|
|
99
99
|
|
|
100
100
|
## `middleware`
|
|
101
101
|
|
|
102
|
-
:read-more{to="/docs/migration/plugins-and-middleware"}
|
|
102
|
+
:read-more{to="/docs/4.x/migration/plugins-and-middleware"}
|
|
103
103
|
|
|
104
104
|
## `scrollToTop`
|
|
105
105
|
|
|
@@ -120,7 +120,7 @@ Similar to `key`, specify it within the [`definePageMeta`](/docs/4.x/api/utils/d
|
|
|
120
120
|
|
|
121
121
|
## `transition`
|
|
122
122
|
|
|
123
|
-
:read-more{to="/docs/getting-started/transitions"}
|
|
123
|
+
:read-more{to="/docs/4.x/getting-started/transitions"}
|
|
124
124
|
|
|
125
125
|
## `validate`
|
|
126
126
|
|
|
@@ -9,7 +9,7 @@ When referencing these variables within your components, you will have to use th
|
|
|
9
9
|
|
|
10
10
|
In the `server/` portion of your app, you can use [`useRuntimeConfig`](/docs/4.x/api/composables/use-runtime-config) without any import.
|
|
11
11
|
|
|
12
|
-
:read-more{to="/docs/guide/going-further/runtime-config"}
|
|
12
|
+
:read-more{to="/docs/4.x/guide/going-further/runtime-config"}
|
|
13
13
|
|
|
14
14
|
## Migration
|
|
15
15
|
|