You are ready Nuxt 2 docs. Head over v3.nuxtjs.org for Nuxt 3 docs.
Découvrez toutes les notes de version du framework Nuxt
Sortie le 9 février 2023
3.2.0 is the first minor release since we've started our new release schedule. We've brought it forward by a couple of weeks to include some goodies we want you to be able to play with soon.
You can opt-in to Nuxt DevTools per-project by going to the project root and running:
npx nuxi@latest devtools enable
Restart your Nuxt server and open your app in browser. Click the Nuxt icon on the bottom (or press
Alt+D
) to toggle the DevTools.
runtimeConfig
, including inline type helpers useFetch
and $fetch
based on method.
It'll be a type error to use the wrong method when hitting an endpoint.
Plus, if you have multiple methods served by a single endpoint (like
~/server/api/test.get.ts
and~/server/api/test.post.ts
then the response type will match the kind of response you make.
useFetch
is now integrated with event.$fetch
, meaning cookies and context are now passed to api requests automagically within internal requests.
treeshakeClientOnly
feature
This is turned on by default but if you experience any issues, you can turn this off via:
export default defineNuxtConfig({ experimental: { treeshakeClientOnly: false } })
addRouteMiddleware
kit utility for module authors
Lots of features, including runtime proxy support using route rules, nested fetch calls, binary and raw storage operations, exposed
event.context.cf
(cloudflare) and built-in session support.For full details see release notes
addRouteMiddleware
method (#18553 )
ssr: false
(#18783 )
useFetch
return based on the method (#18526 )
ssr: false
(#18782 )
ssr: false
(#18828 )
<ClientOnly>
(#8713 )
useError
composable (#8912 )
preloadRouteComponents
page heading error (#18804 )
Sortie le 3 février 2023
3.1.2 is a patch release with bug fixes (particularly focusing on performance and DX).
defu
in all places (#18624 )
__publicAssetsURL
set before loading assets (#18642 )
_installedModules
(#18647 )
onNuxtReady
safe to run on server-side (#18706 )
vue-gtag
plugin example (#18528 )
useHead
(#18552 )
defineEventHandler()
to avoid warnings (#18557 )
JSON.stringify()
(#18590 )
@types/node
manually (6b2bc680b )
.env
to directory structure and improve config docs (#18594 )
head()
(#18650 )
validate
example (#18728 )
2.x
branch name (727cf7958 )
assertNumber
helper (aa646f065 )
nuxt-edge
for nuxt v2 (dd0e2643c )
Sortie le 25 janvier 2023
3.1.1 is a bugfix release to address a problem rendering components injected by Vue or Nuxt plugins.
There's also a Nitro upgrade to v2.1.0 released shortly after v3.1.1, so when upgrading, please either run nuxt upgrade --force
or refresh your lockfile.
<NuxtPage>
(#18495 )
vue
(#18505 )
app.vue
file name consistent (#18517 )
Sortie le 24 janvier 2023
3.1.0 is the first minor release after Nuxt 3.0 including bug fixes and enhancements.
onNuxtReady
, useNuxtData
and useSeoMeta
composables
onNuxtReady
composable (#9478 )
useNuxtData
composable (#9262 )
useCookie
ref value by default (#9664 )
imports:context
hook for unimport context (#9971 )
build.transpile
as function (#7767 )
extendRouteRules
method (#9771 )
<NuxtLoadingIndicator>
(#18432 )
useSeoMeta
composable (#18441 )
@unhead/ssr
(#9826 )
useServerSeoMeta
composable (#18476 )
postcss.config
from schema (#9181 )
<NuxtPage>
component props (#9204 )
useCookie
with defaults should return non-null value (#9449 )
.nuxtignore
within external layers (#9599 )
req
/res
access (#9636 )
<NuxtLoadingIndicator>
after throttle (#9832 )
--template
flag (#9946 )
runtime
dir in build output (#10046 )
build.transpile
strings to nitro inline list (#10094 )
definePageMeta
(#9161 )
class
prop type for head components (#9133 )
globalThis
(#9627 )
ignore
(#15884 )
sourcemap
(#18446 )
callWithNuxt
calls (#18443 )
onServerPrefetch
(629d2c099 )
pathe.join
for layer lookup (#9540 )
vue-meta
for head support (#9638 )
globalThis
(#9630 )
<NuxtLink>
(#9869 )
commands/add
(#9206 )
404.vue
(#9155 )
.client
onMounted hook (#9263 )
layout
in example of definePageMeta
(#9322 )
imports.dirs
(#9346 )
vite
monospace too (#9490 )
@nuxt/test-utils
(#9543 )
preloadRouteComponents
(#9607 )
navigateTo
options are optional (#9672 )
utils/
to directory-based auto-imports (#9739 )
pnpm
(#9775 )
layouts
typo in nuxtignore page (#9893 )
runtimeConfig
extension in config-extends example (#9912 )
app.config.ts
in the source directory (#9937 )
guide/.output
(#9994 )
generate
doc to include --dotenv
(#9991 )
generate
schema (#10002 )
Nuxt: A vision for 2023
post (#10141 )
ecosystem.config
(#10076 )
nuxt.com
(#18425 )
vue-lite-youtube-embed
upgrade (6652983ba )
2.x
branch also (0fb147be4 )
nuxt/nuxt
(081dc3254 )
nuxt/framework
discussions (a683b1a20 )
issue-up
on upstream vite repo (c28f1e429 )
3.x
label to feature request template (fa129cb83 )
Sortie le 20 janvier 2023
✨ Official Release Announcenment
Check out release candidate notes for older releases and migration steps if you using an older version of Nuxt 3.
runtimeConfig.public
with empty object (#9050 )
latest
tag (#9060 )
useAsyncData
(#9061 )
definePageMeta
issues with transitions and NuxtLoadingIndicator
(#9055 )
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.14
Note This is the last release candidate for Nuxt v3! Are you ready? 👀
nuxt test
(#4578 )
$f
fetch prefix to auto-keys (#8852 )
vitest/node
subpath export (#8815 )
initialCache
option (#8885 )
nuxi generate
(#9018 )
useFetch
key (#6632 )
NuxtRenderHTMLContext.bodyPrepend
(#8712 ) (#8704 )
404.vue
shorthand (#8809 )
head
option support into defineNuxtComponent
(#8901 )
PrivateRuntimeConfig
interface support
- Remove autoImports
option
- Remove autoImports:extend
hook support
- Remove deprecated addAutoImport
and addAutoImport
utilities (use addImports
and addImportsDir
)
- Remove defer
option for useAsyncData
- Remove support for installModule(nuxt, nuxtModule)
- Remove support for module defenition as function
- Remove support for name
in module definition (use meta.name
)
- Remove deprecated throwError
(use showError
)
- Remove deprecated useActiveRoute
(use useRoute
)
- Remove deprecated NuxtConfig
and defineNuxtConfig
imports from nuxt
(import from nuxt/config
)
- Remove deprecated <Script>
component (use useHead
)
- Remove deprecated RouterConfigOptions
interface (use RouterConfigSerializable
)
- Remove deprecated fileName
for template options (use filename
)
- Remove deprecated <NuxtNestedPage>
and <NuxtChild>
components
- Remove deprecated buildModules
config
- Remove deprecated privateRuntimeConfig
and publicRuntimeConfig
options
- Remove deprecated imports.presets[].name
(use presets.imports
instead)
isExternal
to <NuxtLink>
slot props (#8800 )
utils/
directory (#8817 )
onBeforeRouteLeave
and onBeforeRouteUpdate
composables (#8889 )
nuxt test
(#4578 )
.npmrc
and setting for pnpm (#7407 )
null
to unset them (#8769 )
useRequestHeaders
are case-insensitive (#8805 )
$f
fetch prefix to auto-keys (#8852 )
nuxt.config
with .mjs
and .cjs
extensions (#8855 )
dist
from type checking (#8848 )
vitest/node
subpath export (#8815 )
initialCache
option (#8885 )
app.baseURL
when fetching error page on server (#8888 )
<ClientOnly>
component (#8921 )
fs.allow
(#9006 )
nuxi generate
(#9018 )
useFetch
key (#6632 )
NuxtRenderHTMLContext.bodyPrepend
(#8712 )
NuxtRenderHTMLContext.bodyPrepend
(#8704 )
404.vue
shorthand (#8809 )
head
option support into defineNuxtComponent
(#8901 )
defineLazyEventHandler
(#8767 )
useRequestHeaders
composable example (#8833 )
extendPages
(#8860 )
refreshNuxtData
util examples (#8845 )
useHydration
composable (#8768 )
query
option with example for useFetch
(#8719 )
available
(#8966 )
definePageMeta
warning to specify it needs to be in a page (#8923 )
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.11
This release contains multiple security related fixes #8675 , #8674 and #8673 reported via huntr.dev platform by OhB00 .
We recommend you upgrade to the latest version as soon as possible.
If you encounter "The request URL ... is outside of Vite service allow list" issue, try adding path to vite.server.fs.allow
in nuxt.config
. read more .
Using a new method to extract definePageMeta
improves vite performance and makes lazy compilation of pages possible (#8536 ).
We have cleaned up the configuration schema (#8487 ) so that you no longer would be confused with Nuxt 2 options and also can quickly notice any typos in nuxt.config
file.
Typescript strict mode is also enabled by default with this release as best practice. (#8667 )
Using nitro.devProxy
option you can now configure proxies for the development server. (learn more )
app.pageTransition
and app.layoutTransition
by default (#8436 )
useFetch
options reactive (#8374 )
updateTemplates
utility (#8413 )
setPageLayout
is used incorrectly (#8464 )
<devOnly>
component (#7950 )
name
and path
for a route in definePageMeta
(#8633 )
addServerPlugin
utility (#8635 )
prerender:routes
and addPrerenderRoutes
(#8670 )
vite-node
(#8389 )
vue-router
inside <NuxtLayout>
(#8421 )
pathe
to resolve aliases (#8453 )
NITRO_PORT
as well (#8458 )
error.vue
(#8469 )
pages
creation and removal DX (#8502 )
vue-router
to optimized deps (#8544 )
/
if user doesn't have that route (#8639 )
app.pageTransition
and app.layoutTransition
by default (#8436 )
<NuxtLayout>
tag in a code sample (#8349 )
app
key for transitions (#8385 )
<ClientOnly>
to API docs (#8400 )
LinkExample
as block component (#8459 )
<KeepAlive>
in definePageMeta
(#8491 )
typescript.typeCheck
config. (#8632 )
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.12
Note Make sure to recreate the lock file in the project in case of any issues after the upgrade.
npx nuxi@latest upgrade --force
nuxt
dependency to 3.0.0-rc.12
and then use npx nuxi@latest cleanup
to cleanup any local caches
RC.12 comes with the first public beta for route rules and hybrid rendering support. Using route rules you can define rules for a group of nuxt routes, change rendering mode or assign a cache strategy based on route! Nuxt server will automatically register corresponding middleware and wrap routes with cache handlers using Nitro caching layer. Whenever possible, route rules will be automatically applied to the deployment platform's native rules (currently Netlify and Vercel are supported).
👉 See docs for examples and more info .
Nitropack upgraded to 0.6 (Release Notes ) and h3 upgraded to 0.8 (Release Notes )
⚠️ Breaking changes: Using defineEventHandler()
or eventHandler()
is now required. If you were previously using a Node.js middleware with (req, res, next?)
syntax you need to wrap them with fromNodeMiddleware()
to convert it into an h3 handler.
useHead
updates This release brings a brand-new version of @vueuse/head
with some significant performance improvements and bug fixes. Check out nuxt/framework#8000 for more details, but in particular:
useHead
⚠️ Breaking changes: The shortcuts viewport
and charset
can only be used within nuxt.config
and not within useHead
directly. For more information on how to update, see nuxt/framework#8000 .
New router options validate
and redirect
are now supported directly in definePageMeta
- so you can perform additional validation for dynamic routes, or implement route redirects directly within pages.
definePageMeta({
// redirect: '/admin',
validate: async (route) => {
const nuxtApp = useNuxtApp()
// Check if the id is made up of digits
return /^\d+$/.test(params.id)
}
})
Nuxt's node server renderer will now respond with 103 Early Hints before the server renders the app, meaning that you should see a decreased TTFB and earlier resource loading in a supported environment - which at the moment is Chrome with your Nuxt app served over HTTPS with newer than HTTP/1.1.
Nuxt's documentation is now written with Nuxt 3's new theming system and the latest Docus and Content module versions. Check it out at https://v3.nuxtjs.org ! Expect more coming soon!
redirect
within page metadata (#7746 )
--dotenv
for dev
, build
and preview
commands (#7660 )
<NuxtLoadingIndicator>
(#7128 )
validate
hook for definePageMeta
(#7870 )
serverDir
(#7868 )
#components
client exports with createClientOnly (#7412 )
ssr: false
route rule to enable SPA mode (#7938 )
@vueuse/head
(#8000 )
<NuxtPage>
to #components
(#8145 )
nuxi build-module
command (#7610 )
routesRules
shortcut (#7954 )
addVitePlugin
and addWebpackPlugin
(#8270 )
vue-router
dependency from minimal app (#8188 )
clearNuxtData
(#7710 )
workspaceDir
in tsconfig include (#7726 )
defineNuxtConfig
for nuxi info
(#7728 )
useFetch
(#7720 )
baseURL
when rendering payload path (#7809 )
noScripts
(#7745 )
^16.11.0
requirement to ^16.10.0
(#7865 )
ssr: false
(#7930 )
setupTimeout
(#7866 )
.client
components (#7422 )
createClientOnly
(#7774 )
index.html
with a server (#7831 )
untyped
dependency (#8064 )
lazyHandle
with defineLazyHandler
(#8049 )
ssr: false
(#8106 )
refresh
to override previous requests by default (#8190 )
app/router.options.ts
file is present (#8193 )
workspaceDir
in tsconfig by default (#8256 )
unref
in layout.ts
(#7818 )
unref
in fetch.ts
(#7813 )
<Script>
component tag in template (#8197 )
writeEarlyHints
from h3
(#8245 )
getRouteRules
from nitropack (#8251 )
useError()
type definition (#7749 )
nuxt/auth
(#7781 )
: ?
(#7928 )
definePageMeta
docs (#7888 )
transitions
page (#7987 )
webp
for 3D gem asset (93c3f30b )
website-theme@0.1.6
(3218356d )
definePageMeta
(c804daa0 )
NuxtHooks
source (#8128 )
RouterConfig
interface in examples (#8151 )
validate
example (#8231 )
useBody
with readBody
(#8266 )
button-link
(#8275 )
nuxt-link
target types (#8172 )
<NuxtPage>
to #components
(#8145 )
refresh
to override previous requests by default (#8190 )
u
e
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.11
💬 Join the release discussion
Note Make sure to recreate the lock file in the project in case of any issues after the upgrade.
npx nuxi@latest upgrade --force
nuxt
dependency to 3.0.0-rc.11
and then use npx nuxi@latest cleanup
to cleanup any local caches
We have introduced Full-Static mode payload extraction in RC.10. Many of the issues from the initial implementation are resolved with this release thanks to your amazing feedback! Notably for SPA routes and state that is now in the initial state.
🧪 We understand that there might be still issues with the new implementation. Please report if spotted any. You can use new experimental.payloadExtraction: false
flag in nuxt.config
to opt-out as well.
nuxi dev
and vite Nuxi CLI and unjs/listhen are improved and now support --https
flag and ipv6 hosts out of the box with an auto-generated certificate. You can use --ssl-cert
and --ssl-key
to provide own generated SSL certificates with mkcert for example as well.
Issues with vite HMR and vite-node should be resolved as well. If you were previously using NODE_TLS_REJECT_UNAUTHORIZED
or custom vite.server.hmr
options for a workaround, you can try to remove them.
Note: If you see something like http://[::]:3000/
when running nuxi preview
, it is all normal! The New IPv6 URL works in all modern browsers and is also backward compatible with IPv4 interfaces. If for some reason encountered any issues, try setting HOST
to 0.0.0.0
to disable IPv6 listener.
Nitro is the server engine for Nuxt 3. We had landed several fixes in 0.5.2 and 0.5.3 versions improving stability and bug fixes.
nuxi dev --https
(#7545 )
nuxi dev --https
working out of the box (#7547 )
cssSourceMap
with new sourcemap
format bridge (#7541 )
ssr:true
(#7553 )
nuxi dev
(#7560 )
state
in the initial state instead of extracting it (#7567 )
vite-node
fallback error handler (#7575 )
ctx.nuxt.options.modulesDir
for resolving externals with vite-node
(#7612 )
process.client
for early redirect in navigateTo
(#7625 )
.vue
extensions from component types (#7673 )
<NuxtLink>
prefetching (#7679 )
addComponent
to modules and update addImports
(#7543 )
addImportsSources
to list of kit utils (#7636 )
defineNuxtComponent
page (#7618 )
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.10
💬 Join the release discussion
Note Make sure to recreate the lock file in the project in case of any issues after the upgrade.
npx nuxi@latest upgrade --force
nuxt
dependency to 3.0.0-rc.10
and then use npx nuxi@latest cleanup
to cleanup any local caches
Global styles and used component styles are now automatically inlined when server-side rendering a page. This feature helps to improve the First Contentful Paint (FCP) metric.
🧪 You can disable the feature from nuxt.config
using experimental: { inlineSSRStyles: false }
in case of any issues.
In Nuxt 2, we introduced an amazing feature called Full Static Generation . When using nuxt generate
, the payload of each page containing asyncData and state is extracted to a .js
chunk and we can deploy output to any static hosting without requiring a hosted API server. This feature also introduced performance benefits to reduce page size and allow smartly prefetching payload of next pages ahead of time when using nuxt generate
but kept limited to it.
This feature is now back in Nuxt 3 but much better! Payload is not only extracted during prerendering phase (nuxt generate
) but also can be rendered on demand by simply appending /_payload.js
to the end of any URL. This made implementation much simpler and also unlocks future development to enable payload rendering for hybrid static server and incremental generated pages. Followup #6411 for the roadmap.
Another goodie ported from Nuxt 2, is automatically prefetching the next pages when a <NuxtLink>
is in the viewport.
This feature is integrated with vue-router to prefetch components of the next route and also payload extraction to prefetch the payload of the next pages ahead of time! You can also hook into link:prefetch
to do more prefetches.
Nuxt has several configurations for directories including rootDir
where nuxt.config
, package.json
, etc is, and srcDir
which is the same as rootDir
by default but can be customized to move project code such as pages/
to the src/
directory. With Monorepo becoming more popular, it became clear we need another new option to act smarter in a monorepo.
We have introduced a new workspaceDir
configuration. It is automatically detected from rootDir using different heuristics (how? ). This option is used to extend the search path for node_modules
via #7439 but we will keep spreading its use in other places.
🧪 You can manually set workspaceDir
from nuxt.config
in case of any issues.
defineNuxtConfig
is Auto Imported Nuxt uses unjs/jiti in order to support typescript and ESM syntax for nuxt.config
.
When importing { defineNuxtConfig } from 'nuxt'
in Nuxt 3, it causes the whole nuxt package to be loaded. It was making startup time slower.
We have introduced a new nuxt/config
subpath export that only exports defineNuxtConfig
for type support but you don't even need this anymore! Just remove import and enjoy shorter syntax!
-- import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
})
nuxt init
We have switched to unjs/giget for a much more powerful template init engine.
Normally nuxi init
command should work as it was before. If you were using nuxt init org/repo
to clone the 3rd party GitHub repository, you should use nuxi init gh:org/repo
now.
This new experimental flag allows turning off all Nuxt client js code when server-side rendering a page.
Using this feature is advisable for the very small minority of sites that would not benefit from client-side JS.
You can try this feature by setting experimental: { noScripts: true }
and let us know what you think!
history
and routes
for app/router.options.ts
(#7129 )
mockFn
and mockLogger
utils (#6235 )
addImportsSources
utility (#7270 )
immediate
option for useAsyncData
and useFetch
(#5500 )
clearNuxtData
(#5227 )
clearNuxtData
(#7323 )
unjs/giget
for nuxi init
(#7361 )
nuxi init
(#7404 )
workspaceDir
option and add it to modulesDir
(#7439 )
<nuxt-link>
(#4329 )
<NuxtPage>
(#7492 )
defineNuxtConfig
(#7497 )
nuxt generate
(#7507 )
createClientOnly
wrapper using weakmap (#7297 )
defineNuxtConfig
from nuxt/config
(#7485 )
treeshakeClientOnly
flag by default (#7484 )
navigateTo
to 302 Found
(#7189 )
http-equiv
correctly (#7190 )
nuxt-edge
current releases (bridge) (#7193 )
getModuleByUrl
(#7260 )
https
through to vite-node (#7271 )
h3.promisifyHandler
(#7275 )
abortMiddleware
to receive a nuxt error or error options (#7335 )
ssr
(#7359 )
nuxt.config
file (#7358 )
FetchError
for useFetch
errors (#7435 )
@vue/runtime-core
(#7448 )
vite-node
(#7512 )
useFetch
auto generated key (#7044 )
useHead
composable (#7072 )
external
option of navigateTo
(#7188 )
.client
and .server
components (#7084 )
useAsyncData
signature (#7242 )
app-config
example (#7247 )
AppConfig
to AppConfigInput
(#7293 )
nuxi prepare
command (#7349 )
useRuntimeConfig
page (#7406 )
imports.d.ts
file (#7474 )
srcDir
example to src/
(#7503 )
node
to export conditions (0cc49e2a )
runIf
and skipIf
helpers (#7312 )
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.9
💬 Join the release discussion
app.config.ts
with HMR and Reactivity support (see documentation and example )
autoImports
option and hooks is deprecated and renamed to imports
(#6864 ) (#7158 )
Nuxt version ^3.0.0 is required but currently using 3.0.0-rc.9
, please contact the module author.
(all commits )
.js
extension for client (#6505 )
vite-node
by default (#6217 )
app.config
with HMR and reactivity support (#6333 )
getRouteFromPath
to use objects (#5900 )
add
command (#3921 )
imports.autoImport
option to disable auto-imports (#6768 )
navigateTo
supports external redirects (#5022 )
app.config
improvements (#6905 )
setPageLayout
utility (#6826 , #7075 )
theme
config (#7131 )
autoImports
to imports
(#6864 )
autoImports
deprecation dx (#7158 )
server.port
and server.host
with listener info (#6595 )
#components
alias to tsconfig (#6634 )
initialCache
is disabled (#6640 )
ssr
condition (#6649 )
nuxi upgrade
runs in rootDir (#6707 )
vue-devtools-stub
to mock @vue/devtools-api
for both cjs + esm (#6713 )
vite-node
module invalidation (#6736 )
vue
in client bundle (#6735 )
ssr: false
(#6901 )
manifest.json
from public dir (#7021 )
@nuxtjs/eslint-config-typescript
v11 (#7114 )
meta:register
hook (#7130 )
fallbackTag
in ClientOnly
examples (#6587 )
autoImports
(#6615 )
defineEventHandler
example (#6741 )
<NuxtWelcome />
component docs (#6745 )
useNuxtApp
composable (#6786 )
addRouteMiddleware
util (#6894 )
abortNavigation
util (#6936 )
defineNuxtRouteMiddleware
util (#6933 )
definePageMeta
util (#6931 )
dev:preview
script for playground preview (#6961 )
nitropack-edge
on release (#7036 )
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.8
Note This version includes hotfixes from rc.7. Check v3.0.0-rc.7 release notes for all changes between rc.6...rc.8
Warning There are slight API changes with this release candidate.
💬 Join the release discussion
npx nuxi-edge@latest upgrade --force
nuxt
dependency to 3.0.0-rc.8
and then use npx nuxi-edge@latest cleanup
to cleanup any local caches
nuxi upgrade
(#6514 )
app:rendered
to modify ssr context and add render:html
(#6521 )
/@fs
from external ids (#6529 )
srcDir
rather than rootDir
(#6546 )
info
to danger
for the pages root element (#6528 )
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.7
Warning There are slight API changes with this release candidate. Please check the linked issues marked with ⚠️
Warning This release contains some regressions. Please upgrade to the latest v3.0.0-rc.8
vue-tsc
(#6012 )
composables/
with glob support (#6025 )
nuxi cleanup
command (#6125 )
<NoScript>
component and noscript
typings (#6139 )
app:rendered
and render:response
hooks (#6042 )
components/global
dir (#6070 )
app.vue
(#6228 )
fetchpriority
attribute and literal typings for meta components (#6251 )
followSymbolicLinks
option for resolveFiles
(#6240 )
setResponseStatus
utility (#6306 )
vue-bundle-renderer@0.4
(#6210 )
#imports
to improve tree-shaking (#5763 )
#internal/nitro
alias internally (#5987 )
statusCode
type to number for error page template (#6010 )
imports.d.ts
(#6054 )
baseurl
when pruning manifest (#6063 )
tsconfig.json
for vue-tsc type checker (#6069 )
.env
file before starting dev server (#6119 )
vite-node
runner cache after each render (#6154 )
<NuxtErrorBoundary>
component (#6141 )
unjs/externality
to handle vite-node
externals (#6153 )
useHead
to accept computed values (#6174 )
DeepPartial
(#6176 )
vite.vue
options (#6220 )
.mjs
to use crossorigin preloads (#6232 )
resolvePath
with absolute input (#6233 )
nuxt.config
import protection (#6279 )
body: true
(#6293 )
200.html
and 404.html
spa fallback files (#6308 )
<script setup>
from comment (#6331 )
vite-node
hmr (#6343 )
esmResolve
flag for jiti
(#6356 )
useRoute
return (#6395 )
listhen
(#6434 )
404
and showError
as fatal by default (#6437 )
viteServerDynamicImports
as experimental flag (#6433 )
module
type to vite node entry (#6448 )
useAsyncData
(#6441 )
node_modules
have lower scanning priority (#6382 )
asyncData
handler (#6472 )
useFetch
and useLazyFetch
request type (#4825 )
null
handling for titleTemplate
(#6487 )
.nuxt/tsconfig.json
for tests (#5967 )
useState
should only contain JSON-serializable content (#5994 )
createError
import (#6050 )
<NuxtLayout>
component docs (#6264 )
theme-color
meta (#6250 )
2cbdc5c
)
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.6
✅ RC.6 is a hotfix release fixing known issues with previous releases
treeshakeClientOnly
flag (#5934 )
vite-node
(#5854 )
viteExtendConfig
callback once (#5929 )
build.watch
options for production build (#5958 )
types
field (#5962 )
.env
variables to nuxt app in production (#5879 )
initialCache
to UseFetchOptions
types (#5908 )
See all changes: https://github.com/nuxt/framework/compare/v3.0.0-rc.5...v3.0.0-rc.6
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.5
This release is featuring 25+ bug fixes, keyless composables,
Feedback about the release: Join the discussion
See all changes: https://github.com/nuxt/framework/compare/v3.0.0-rc.4...v3.0.0-rc.5
This release contains slight breaking changes. Please check the linked pull requests for notes.
addServerHandler
to use method suffix of the file path (#5465 )
addVitePlugin
(#5560 )
addLayout
utility (#5537 )
useFetch
(#5660 )
custom
prop for <nuxt-link>
(#4249 )
<NuxtLoadingIndicator>
component WIP (#5121 )
vite:
hooks (#5472 )
getCurrentInstance
for useNuxtApp
(#5456 )
cssnano
is enabled if not dev (#5583 )
vue-demi
(#5721 )
useRequestHeaders
type should allow for undefined
values (#5748 )
useFetch
key warning to include any function or blob (#5710 )
undefined
when applying defaults for useAsyncData
(8d2f805
)
vite-node
circular reference (#5764 )
ssr: false
(#5773 )
.mjs
(#5817 )
process.dev
in nitro bundle (#5852 )
vue-router
and @vue/devtools-api
bundling (#5874 )
nuxt/image
issue (#5490 )
useFetch
options (#5562 )
hello.ts
to [...hello].ts
(#5261 )
pnpm
usage (#5597 )
<NuxtPage>
component (#5591 )
definePageMeta
only works in the pages directory (#5663 )
NODE_ENV
behavior (#5739 )
useFetch
uses isomorphic $fetch
(#5769 )
anavigateTo
docs (#5701 )
NuxtLoadingIndicator
component src (#5776 )
defineLazyHandler
in wasm example (#5797 )
toUTCString
in useAsyncData
example (#5798 )
nuxt-link
(#5819 )
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.4
See all changes: https://github.com/nuxt/framework/compare/v3.0.0-rc.3...v3.0.0-rc.4
This release contains commutative enhancements from RC.3. Thanks to all of the contributors to the code and documentation 💚
global
with globalThis
(#4958 )
<template>
(#4904 )
file://
protocol to vite-node
entry file path (#4966 )
titleTemplate
(#5064 )
navigateTo
from 301
to 302
(#5173 )
title
, bodyAttrs
and htmlAttrs
(#5184 )
navigateTo
options using server middleware in server-side (#5145 )
RouterView
props in NuxtPage
(#5272 )
mode
config correctly (#5255 )
ssrContext
types on NuxtApp
(#5333 )
useAsyncData
(#5340 )
isIgnored
(#5375 )
build.transpile
(#5043 )
node_modules
(#5042 )
resolveComponent
(#5428 )
NODE_ENV
value with a warning (#5417 )
extractCSS
by default (#4388 )
vue
peer dependency (#5190 )
alias
example (#4995 )
useFetch
and useAsyncData
(#4974 )
useFetch
docs for body type and additional ohmyfetch
options (#4985 )
navigateTo
options (#5044 )
useState
with same key (#5059 )
NUXT_APP_CDN_URL
environment variable (#5032 )
--prerender
flag to nuxi build
command (#5112 )
key
option for useFetch
(#5089 )
--no-clear
flag in the documentation of development server (#5197 )
NuxtLayout
in app.vue
with pages (#5225 )
titleTemplate
(#5093 )
useRequestEvent
(#5326 )
useRouter
composable (#4949 )
defineEventHandler
(#5405 )
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.3
serverHandlers
/devServerHandlers
shortcuts to register custom handlers
router.resolve
to resolve initial url
ssr: false
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.2
router.push
on ssr
useFetch
with transform
option
useAsyncData
and useFetch
error.data
in response
tsconfig
nuxi init
output
DeepPartial
nitro:build:before
hook
[[
default
option
composables/
directory
.env
is not read in production
useFetch
example consistent with others
runtimeConfig
useAsyncData
example
[[
If you are relying on [slug]
at the end of a route to generate an optional parameter, you will need to rewrite it as [[slug]]
.
Sortie le 19 janvier 2023
Originally published at https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.1
3.0.0-rc.1
"Mount Hope" 🚀 Check out the Announcing Nuxt 3 Release Candidate for more information about this release!
nuxt3
edge releases If you are already a beta tester of nuxt using nuxt3
package, please follow the steps below to use RC.1:
.nuxt
, package.lock.json
, yarn.lock
and node_modules
nuxt.config
to import defineNuxtConfig
from nuxt
instead of nuxt3
:
- import { defineNuxtConfig } from 'nuxt3'
+ import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({ ... })
package.json
{
"devDependencies": {
- "nuxt3": "latest"
+ "nuxt": "^3.0.0-rc.1"
}
}
Alternatively, you can use "nuxt": "npm:nuxt3@latest"
to keep using the latest edge releases of Nuxt 3.
For Nuxt 3 modules created by new module-builder toolchain, also update @nuxt/kit
dependency to use RC.1 in package.json
:
{
"dependencies": {
- "@nuxt/kit": "npm:@nuxt/kit-edge@latest"
+ "@nuxt/kit": "^3.0.0-rc.1"
}
}
Sortie le 3 février 2023
Nuxt 2.16.0 is the first minor release since Feb 15, 2021. The focus is mostly on releasing the latest fixes and enhancements that have been present in
nuxt-edge
for some time.
core-js
v3
dotenv
has changed how it parses .env
files in a number of edge cases. glob
now requires /
instead of \
on windows machines. There may also be other changes that affect your usage, so please do upgrade with care.
@nuxtjs/composition-api
. (You can opt-in to just these utilities by disabling the other bridge modules individually.)
nuxtrc
in dist directory (#9280 )
serve-static
middleware (#9365 )
asyncData
return types to component instance type (#9239 )
context.beforeSerialize
method (#9332 )
store
to createRouter
(#9629 )
core-js
version 3 (#9987 )
scroll-margin-top
when navigating with hash (#9187 )
javascript/auto
for js rule (#9180 )
payload.js
(#9494 )
trailingSlash
causes error with dynamic nuxt-child routes (#9505 )
onNuxtLoaded
and onNuxtReady
types (#9510 )
build.stats
options (#9555 )
null
check for $root
access (#9150 )
builder
to getGenerator
(#9574 )
$config
for finding basePath (#9706 )
ufo
(#9739 )
3e9d7e3
)
ua-parser-js
to 1.x (#9979 )
ya-parser-js
to latest 0.7.x
(#9979 )
.cjs
extension to be transpiled (#10340 )
.wasm
extension with lower priority (#10676 )
clear()
(#10086 )
prefetchPayloads
to router options (#9715 )
a53fd32
)
false
option for render.static
(#9372 )
d4e5998
)
39f7859
)
e0968a3
)
5614399
)
17bbb21
)
stripWhitespace
utility (#9668 )
1f85137
)
7614360
)
6f73c36
)
1878b26
)
54542c1
)
773d292
)
bafc814
)
0db7e7b
)
f36fb9c
)
ba966cf
)
ce7b1a9
)
ua-parser-js
version (1cedad5
)
defu
(#18679 )
Sortie le 11 août 2021
Sortie le 14 juin 2021
Please upgrade to nuxt@^2.15.7
if using nuxt@2.15.5
or nuxt@2.15.6
vue-app
Sortie le 12 mai 2021
Sortie le 9 mai 2021
Sortie le 1 avril 2021
vue-app
$root
is not available (resolves #8995 )
app.context.route
to match components in server (resolves #9009 )
$fetch
if data is missing in payload (resolves #9016 )
app.context.route
for resolving components (resolves #9049 )
_app
namespace (resolves #9074 )
config
compileType
to icss
for css-loader
v4
server
cli
@types/terser-webpack-plugin
sass-loader
rather than sass
(resolves #9085 )
@nuxt/types
(resolves #9030 )
Sortie le 10 mars 2021
types
NuxtConfig
instead of type
webpack
extract-css-chunks-webpack-plugin
general
vue-renderer
injectScripts
for static
target
Sortie le 23 février 2021
babel-preset-app
Sortie le 19 février 2021
renderer
webpack
cli
types
build.html.minify
can be false
builder
path.resolve
for pages dir
Sortie le 15 février 2021
⚠️This release introduces behavior changes. Update with caution ⚠️
postcss@8
(See nuxt/nuxt.js#8546 )
NOTE: postcss-preset-env is disabled in v8 config as it doesn't support postcss v8 for now , so please install all below dependencies explicitly.
yarn add --dev css-loader@^5.0.0 postcss@^8.1.10 postcss-import@^13.0.0 postcss-loader@^4.1.0 postcss-url@^10.1.1
# or
npm i --save-dev css-loader@^5.0.0 postcss@^8.1.10 postcss-import@^13.0.0 postcss-loader@^4.1.0 postcss-url@^10.1.1
includes
instead of exact match (example )
general
config
utils
serializeFunction
fails with certain functions
vue-app
publicPath
on server-side
Page.options
before looking within
req
, res
and query
from context unless in full static mode
link.__prefetch
exists before calling it
id
attribute to noopApp
push
on router instance rather than prototype
server, vue-app
dev
cli
webpack
server
router.base
is set
babel
vue-app, vue-renderer, utils
trailingSlash
setting for payloads
generator
cli
postcss
config, vue-app, vue-renderer
base
and publicPath
general
vue-app
fetchKey
for full static generation
vue-renderer
<script>
tags
utils, vue-app
ufo
to parse queries and join urls
vue-app
general
general
cli
types
builder
ed6e8cd
)
readme
vue.config
types should be optional
redirect
overload to Context
interface
enablePreview
to context
loadingScreen
type definition
And all nuxters helping everyday with valuable feedbacks 💚
Sortie le 16 décembre 2020