chore(deps): update all non-major dependencies #7

renovate · 2022-08-30T12:32:50Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@nuxt/kit	`^3.0.0-rc.8` -> `^3.0.0-rc.11`
@nuxt/test-utils	`^3.0.0-rc.8` -> `^3.0.0-rc.11`
@types/node (source)	`16.11.56` -> `16.11.65`
jiti	`^1.14.0` -> `^1.16.0`
nuxt	`^3.0.0-rc.8` -> `^3.0.0-rc.11`
pathe	`^0.3.5` -> `^0.3.9`
rollup (source)	`^2.78.1` -> `^2.79.1`
typescript (source)	`^4.8.2` -> `^4.8.4`
vite (source)	`^3.0.9` -> `^3.1.8`
vitest	`^0.22.1` -> `^0.24.3`
vue (source)	`^3.2.37` -> `^3.2.41`

Release Notes

nuxt/framework

`v3.0.0-rc.11`

Compare Source

💬 Join the release discussion

🚀 How to Upgrade

Note
Make sure to recreate the lock file in the project in case of any issues after the upgrade.

Automated: npx nuxi@latest upgrade --force
Manual: Bump nuxt dependency to 3.0.0-rc.11 and then use npx nuxi@latest cleanup to cleanup any local caches

⭐ What is New?

Full Static Enhancements

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.

IPv6 and HTTPS support for `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 Improvements

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.

Full Changelog

compare changes

🚀 Enhancements

kit: useNitro() utility (#7557)
Allow disabling payload extraction (#7588)

🩹 Fixes

nuxt: Disable payload extraction for spa generated pages (#7535)
nuxt: Do not pass prefetched class to custom link (#7522)
cli: Improved self-signed certificate for nuxi dev --https (#7545)
vite: nuxi dev --https working out of the box (#7547)
schema: Update resolver for cssSourceMap with new sourcemap format [bridge] (#7541)
nuxt: Pass fully resolved path to nitro dist files (#7494)
nuxt: Remove modulepreload for spa fallback routes with ssr:true (#7553)
schema: Only disallow vite server port and host (#7554)
nuxi, vite: Ipv6 support for nuxi dev (#7560)
cli: Print resolved public directory after generate (#7577)
nuxt: Load payload after middleware and once final route is resolved (#7574)
nuxt: Keep state in the initial state instead of extracting it (#7567)
vite: Normalize vite-node error data from server (#7589)
vite: Include id and stack in vite-node fallback error handler (#7575)
vite: Respect ctx.nuxt.options.modulesDir for resolving externals with vite-node (#7612)
nuxt: Add missing process.client for early redirect in navigateTo(#7625)
vite-node: Include importer in error stack (#7607)
vite, webpack: Avoid generating keys where a key is already provided (#7622)
vite, webpack: Handle auto keys for composables without args (#7651)
nuxt: Don't tree shake client-only fallback templates (#7659)
nuxt: Strip non-.vue extensions from component types (#7673)
nuxt: Only observe tag elements for <NuxtLink> prefetching (#7679)
nuxi, vite: Support HTTPS with custom domain and HMR (#7680)

📖 Documentation

Update auto-imports link (#7530)
Add note about link prefetching (#7540)
Improve NuxtLink prefetch explanation (#7540)
Add testing and addComponent to modules and update addImports (#7543)
Fix typo on directory-structure/pages (#7601)
Fix typo in custom router example (8621c860)
Fix typo in nitro options in wasm example (#7639)
Add addImportsSources to list of kit utils (#7636)
api: Add defineNuxtComponent page (#7618)
testing: Move modules testing section to module authors guide (#7643)
getting-started: Add views page (#7556)

❤️ Contributors

Alexander Lichter
Alper Doğan
Chenying
Clément Ollivier
Damian Głowala
Daniel Roe
Julien Huang
Krutie Patel
Lexpeartha
Pooya Parsa
YIngChenIt

`v3.0.0-rc.10`

Compare Source

💬 Join the release discussion

🚀 How to Upgrade

Note
Make sure to recreate the lock file in the project in case of any issues after the upgrade.

Automated: npx nuxi@latest upgrade --force
Manual: Bump nuxt dependency to 3.0.0-rc.10 and then use npx nuxi@latest cleanup to cleanup any local caches

⭐ What is new?

Critical Styles are Inlined

#6755, #7160

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.

Full Static Generation with Payload Rendering

#6411, #6455

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.

Link Prefetching

#4329

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.

Better Workspace Support

unjs/pkg-types#34, #7439

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

#7267, #7485, #7497

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({
})

More Powerful `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.

Experimental Zero-Client-JS Mode

#7156, #7248

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!

Changelog

(see all commits)

🚀 Enhancements

nuxt, vite: Inline global and component styles in server response (#7160)
nuxt: Custom history and routes for app/router.options.ts (#7129)
nuxt: Router with hash mode (#6980)
nuxt: Allow extending routes with custom alias (#7074)
test-utils: Add mockFn and mockLogger utils (#6235)
nuxt: Support experimental flag to render no client-side js (#7248)
kit: Add addImportsSources utility (#7270)
nuxt: Add immediate option for useAsyncData and useFetch (#5500)
nuxt: Add clearNuxtData (#5227)
Allow client-side sourcemaps in production (#7313)
nuxt: Filter support for clearNuxtData (#7323)
cli: Switch to unjs/giget for nuxi init (#7361)
cli: ⚠️ Use giget 0.1x with template registry for nuxi init (#7404)
nuxt: Payload rendering support (#6455)
nuxt: Allow exposing type augmentations from extends layers (#7442)
nuxt: Add workspaceDir option and add it to modulesDir (#7439)
nuxt: Support prefetching <nuxt-link> (#4329)
nuxt: Allow passing transition & keepalive props to <NuxtPage> (#7492)
nuxt, kit: Auto import defineNuxtConfig (#7497)
nuxt: Generate spa fallback for nuxt generate (#7507)

🔥 Performance

nuxt: Cache createClientOnly wrapper using weakmap (#7297)
vite: Remove duplicate css links from rendered page when inlined (#7264)
nuxt: Only inject preload helper when webpack is used (#7460)
nuxt: Import defineNuxtConfig from nuxt/config (#7485)
Enable treeshakeClientOnly flag by default (#7484)

🩹 Fixes

nuxt: Update default redirect code of navigateTo to 302 Found (#7189)
head: Case http-equiv correctly (#7190)
kit, nuxi: Semver regexp to support nuxt-edge current releases (bridge) (#7193)
vite: Use baseURL + assetsDir as base in dev mode (#7234)
vite: Pass ssr condition to getModuleByUrl (#7260)
nuxt: Import and wrap client-only components once (#7245)
cli: Pass value of https through to vite-node (#7271)
nuxt: Don't override payload error if it is present (#7290)
nuxt: Don't try to set cookie after redirect (#7288)
webpack: Promisify webpack dev/hot handlers using h3.promisifyHandler (#7275)
schema: Disallow setting vite server properties (#7317)
schema: Mark vite server as optional (#7327)
nuxt: Allow abortMiddleware to receive a nuxt error or error options (#7335)
webpack: Don't parse styles for composable keys (#7333)
vite: Allow overriding vite sourcemap (#7342)
schema: Resolve ssr (#7359)
kit: Add default config layer without nuxt.config file (#7358)
vite: Update render if it is invalidated (#7347)
vite: Warmup improvements (#7377)
cli: Don't include an array of paths within an array (#7378)
vite: Write dev manifest before spa build (#7380)
nuxt: De-default layout/component imports (#7389)
nuxt: Always inline entry styles (#7386)
nuxt: Do not apply import protection to top-level resolution (#7344)
nuxt: Use more specific FetchError for useFetch errors (#7435)
vite: Use same asset filenames between server and client (#7436)
nuxt: Augment GlobalComponents from @vue/runtime-core (#7448)
vite: Don't fail builds for virtual modules that don't support inlining (#7440)
nuxt: Only delete assets when building (#7486)
vite: Show formatted vite-node errors (#7509)
vite: Disable server warmup with vite-node (#7512)

💅 Refactors

vite: Reuse resolved server entry from context (#7268)
schema: Upgrade to untyped 0.5 (#7452)
nuxt: Use relative imports into composables (#7487)

📖 Documentation

Add note about useFetch auto generated key (#7044)
api: Enhance useHead composable (#7072)
Add note about fetching data on initial load (#7120)
Document external option of navigateTo (#7188)
guide: Add .client and .server components (#7084)
Fix markdown file name (#7231)
api: Navigate to first item in list (#7232)
Extend description of server handlers (#7187)
api: Add example for fetch interceptors (#7180)
deploy: Add node cluster mode (#7089)
api: Fix useAsyncData signature (#7242)
Add app-config example (#7247)
Fix typo (#7262)
Fix typo in url (#7272)
Rename AppConfig to AppConfigInput (#7293)
api: Fix typo in use-fetch (#7310)
api: Add nuxi prepare command (#7349)
head: Enhance usehead and fix broken links (#7364)
Remove duplicate word (#7387)
api: Add useRuntimeConfig page (#7406)
Fix typo (#7437)
Update structure (#7047)
Update name of the generated imports.d.ts file (#7474)
getting-started: Add routing page (#7495)
Update codesandbox link (#7499)
schema: Change srcDir example to src/ (#7503)

🏡 Chore

Update CodeSandbox links (#7318)

📦 Build

cli: Add node to export conditions (0cc49e2a)

✅ Tests

Use semantic runIf and skipIf helpers (#7312)
nuxt: Add tests for import protection plugin (#7416)

🤖 CI

Crawl docs site for new deployments to track broken links (#7473)

❤️ Contributors

Adewale Abati
Alex Kozack
Alex Liu
Alexander Lichter
AndreyYolkin
Anthony Fu
Clément Ollivier
Corey Richardson
Damian Głowala
Daniel Roe
Harlan Wilton
HomWang
Julien Huang
Krutie Patel
Kévin Schnekenburger
Leon Si
Mahdi Boomeri
Mastercuber
Pooya Parsa
Ricardo Gobbo De Souza
Sébastien Chopin
Tobias Diez
Tobias SN
Vasily Stepanov
Victorkwok97
Vl4dimyr

`v3.0.0-rc.9`

Compare Source

💬 Join the release discussion

Highlights

✅ app.config.ts with HMR and Reactivity support (see documentation and example)
✅ Vite-Node enabled by default (#6217)
✅ Updated to nitropack@0.5.x
⚠️ autoImports option and hooks is deprecated and renamed to imports (#6864) (#7158)
⚠️ Vue dependency is now externalized (#6868)
⚠️ Handle prerelease constraint (#7116)
- 👉 If you see an error like Nuxt version ^3.0.0 is required but currently using 3.0.0-rc.9, please contact the module author.

Changelog

(all commits)

🚀 Enhancements

webpack, vite: Default to .js extension for client (#6505)
schema, vite: ⚠️ Enable vite-node by default (#6217)
vite: Allow disabling entry warmup (#6647)
nuxt: Exclude page chunks from being prefetched (#6662)
cli: Auto cleanup with project manifest changes (#6672)
nuxt: app.config with HMR and reactivity support (#6333)
nuxt: Allow getRouteFromPath to use objects (#5900)
nuxt: Add warning in dev mode if layouts/pages do not have a single root node (#5469)
nuxt: Config options for default keepalive, page & layout transitions (#5859)
nuxt: Allow programmatically prefetching global components (#6661)
cli: Support mode flags for add command (#3921)
nuxt: imports.autoImport option to disable auto-imports (#6768)
nuxt: navigateTo supports external redirects (#5022)
nuxt: app.config improvements (#6905)
nuxt: Add setPageLayout utility (#6826, #7075)
cli: Display nuxt and nitro versions for dev and build commands (#7118)
kit, schema: Allow extending with theme config (#7131)
nuxt: ⚠️ Rename autoImports to imports (#6864)
kit, nuxt: Improve autoImports deprecation dx (#7158)
nuxt: Pass and format vite-node build errors (#6683)

🔥 Performance

nuxt: Tree-shake asyncData client logic from server (#7056)
nuxt: Don't prefetch all global components (#7069)

🩹 Fixes

nuxt: Remove stray commas in component templates (#6580)
cli: Update server.port and server.host with listener info (#6595)
nuxt: Add #components alias to tsconfig (#6634)
vite: Pass relative url as default base (#6637)
nuxt: Don't set asyncData to existing payload on CSR if initialCache is disabled (#6640)
vite: Warmup server entries with ssr condition (#6649)
nuxt: Include tag attrs for non self-closing tags in tree-shake regex (#6675)
nuxt: Fallback to static error page on server error (#6697)
cli: Ensure nuxi upgrade runs in rootDir (#6707)
cli: Properly detect hash and tag for upgrade changelog (#6708)
nuxt: Use vue-devtools-stub to mock @vue/devtools-api for both cjs + esm (#6713)
nuxt: Pass params to client-only slot (#6584)
vite: Improve vite-node module invalidation (#6736)
vite: Dedupe vue in client bundle (#6735)
nuxt: Ensure component helper methods do not create side-effects (#6789)
nuxt: Use deep assignment for app.config hmr (#6788)
nuxt: Throw hard error on initial spa load if aborted (#6857)
nuxt: Pass analyze options through to nitro (#6871)
cli: Build all types on typecheck command (#5437)
nuxt: Lazy composables shouldn't block setup in ssr: false (#6901)
vite: Remove client manifest.json from public dir (#7021)
kit: Sort aliases before resolving (#7018)
nuxt: Use shared state for asyncData (#7055)
vite: Sanitize client asset chunk names (#7067)
schema: Sync types of vite v3.x (#7104)
kit: ⚠️ Handle prerelease constraint (#7116)

💅 Refactors

nuxt: Enable strict type checking (#6368)
vite: Enable strict type checking (#6616)
nuxt, kit: Improve type strictness (#6685)
Enable strict type checking everywhere (#6943)
Apply lints from @nuxtjs/eslint-config-typescript v11 (#7114)
nuxt: Remove unused meta:register hook (#7130)

📖 Documentation

Ensure consistent casing of section headers (#6578)
components: Use fallbackTag in ClientOnly examples (#6587)
Global style imports example (#6490)
composables: Add more examples for autoImports (#6615)
server: Add nitro config and storage examples (#6507)
data-fetching: Fix and simplify cookie proxy example (#5770)
Tweaks for data fetching, server routes and composables (#6653)
Update links to nitro.unjs.io (#6684)
Make wording slightly clearer (#6740)
Fix typo in defineEventHandler example (#6741)
api: Add <NuxtWelcome /> component docs (#6745)
Use updated h3 utils (#6818)
api: Add missing kit utilities (#6841)
plugins: Add note about composable usage (#6744)
api: Add useNuxtApp composable (#6786)
composables: Add nested and plugin injection examples (#6743)
examples: Add jsx example (#6870)
api: Add addRouteMiddleware util (#6894)
Update stormkit link (3ee812939)
Update link to pinia nuxt module (#6952)
deploy: Update command for csr prerendering (#6966)
api: Enhance abortNavigation util (#6936)
api: Add defineNuxtRouteMiddleware util (#6933)
api: Add definePageMeta util (#6931)
Replace backtick with apostrophe (#7015)
api: Fix the layout file extension in cli example (#7024)
schema: Update prefix for runtime config env variables (#6999)
Add information on how to use options api asyncData (#7019)
Increment directory structure numbers (#7102)
Add explanatory comment before universal router stubs (#7124)

🏡 Chore

ci: Set timeout for each step (#6923)
nuxt: Fix typo (#6971)
Add dev:preview script for playground preview (#6961)
repo: Remove backtick-type in bug issue-template (#7083)
Bump rc version for edge versions (#7117)
nuxt: Prevent error page rendering a null error (#7119)
nuxt: Use latest nitropack-edge on release (#7036)

❤️ Contributors

4Kazelot
Alex Kozack
Alexander Lichter
Angelo Schuler Piletti
Anthony Fu
Conrawl Rogers
Damian Głowala
Daniel Roe
Harlan Wilton
HomWang
Ilya Artamonov
Julien Huang
Krutie Patel
Lay
Lexpeartha
Louis Haftmann
Mourad EL CADI
Nils
Ohb00
Oumar Barry
Pooya Parsa
Qin Guan
Richard Schloss
Sébastien Chopin
TheColaber
Umut Aktaş
Yaël Guilloux
__Catalina

unjs/jiti

`v1.16.0`

Compare Source

Features

support export namespace from syntax (resolves #84) (ebb59cf)

Bug Fixes

deps: update pathe (6231320)

`v1.15.0`

Compare Source

Features

basic alias support (resolves #37) (cab50cc)
options for nativeModules and transformModules (64151af)

Bug Fixes

manually exclude typescript from transpilation (dbd3f22)
use pathe for path resolution (000c6ad), closes #74

nuxt/nuxt.js

unjs/pathe

`v0.3.9`

Compare Source

`v0.3.8`

Compare Source

`v0.3.7`

Compare Source

`v0.3.6`

Compare Source

rollup/rollup

`v2.79.1`

Compare Source

2022-09-22

Bug Fixes

Avoid massive performance degradation when creating thousands of chunks (#4643)

Pull Requests

#4639: fix: typo docs and contributors link in CONTRIBUTING.md (@takurinton)
#4641: Update type definition of resolveId (@ivanjonas)
#4643: Improve performance of chunk naming collision check (@lukastaegert)

`v2.79.0`

Compare Source

2022-08-31

Features

Add amd.forceJsExtensionForImports to enforce using .js extensions for relative AMD imports (#4607)

Pull Requests

#4607: add option to keep extensions for amd (@wh1tevs)

Microsoft/TypeScript

`v4.8.4`

Compare Source

For release notes, check out the release announcement.

For the complete list of fixed issues, check out the

Downloads are available on:

`v4.8.3`

Compare Source

For release notes, check out the release announcement.

For the complete list of fixed issues, check out the

Downloads are available on:

vitejs/vite