nuxt-custom-elements
nuxt-custom-elements copied to clipboard
chore(deps): update all non-major dependencies
This PR contains the following updates:
Release Notes
babel/babel (@babel/eslint-parser)
v7.24.5
:bug: Bug Fix
babel-plugin-transform-classes,babel-traverse- #16377 fix: TypeScript annotation affects output (@liuxingbaoyu)
babel-helpers,babel-plugin-proposal-explicit-resource-management,babel-runtime-corejs3
:nail_care: Polish
:house: Internal
- Other
- #16414 Relax ESLint peerDependency constraint to allow v9 (@liuxingbaoyu)
babel-parser- #16425 Improve
@babel/parserAST types (@nicolo-ribaudo) - #16417 Always pass type argument to
.startNode(@nicolo-ribaudo)
- #16425 Improve
babel-helper-create-class-features-plugin,babel-helper-member-expression-to-functions,babel-helper-module-transforms,babel-helper-split-export-declaration,babel-helper-wrap-function,babel-helpers,babel-plugin-bugfix-firefox-class-in-computed-class-key,babel-plugin-proposal-explicit-resource-management,babel-plugin-transform-block-scoping,babel-plugin-transform-destructuring,babel-plugin-transform-object-rest-spread,babel-plugin-transform-optional-chaining,babel-plugin-transform-parameters,babel-plugin-transform-private-property-in-object,babel-plugin-transform-react-jsx-self,babel-plugin-transform-typeof-symbol,babel-plugin-transform-typescript,babel-traverse- #16439 Make
NodePath<T | U>distributive (@nicolo-ribaudo)
- #16439 Make
babel-plugin-proposal-partial-application,babel-types- #16421 Remove
JSXNamespacedNamefrom validCallExpressionargs (@nicolo-ribaudo)
- #16421 Remove
babel-plugin-transform-class-properties,babel-preset-env- #16406 Do not load unnecessary Babel 7 syntax plugins in Babel 8 (@nicolo-ribaudo)
:running_woman: Performance
babel-helpers,babel-preset-env,babel-runtime-corejs3
v7.24.1
conventional-changelog/commitlint (@commitlint/cli)
v19.3.0
Note: Version bump only for package @commitlint/cli
19.2.2 (2024-04-14)
Note: Version bump only for package @commitlint/cli
19.2.1 (2024-03-19)
Note: Version bump only for package @commitlint/cli
v19.2.2
Note: Version bump only for package @commitlint/cli
v19.2.1
Note: Version bump only for package @commitlint/cli
v19.2.0
Features
v19.1.0
Note: Version bump only for package @commitlint/cli
19.0.3 (2024-02-28)
Note: Version bump only for package @commitlint/cli
19.0.2 (2024-02-28)
Note: Version bump only for package @commitlint/cli
19.0.1 (2024-02-27)
Bug Fixes
conventional-changelog/commitlint (@commitlint/config-conventional)
v19.2.2
Note: Version bump only for package @commitlint/config-conventional
v19.1.0
Note: Version bump only for package @commitlint/config-conventional
19.0.3 (2024-02-28)
Note: Version bump only for package @commitlint/config-conventional
nuxt/module-builder (@nuxt/module-builder)
v0.6.0
🚀 Enhancements
- Generate
runtime/dts based on nuxttsconfigoptions (#255) - Add builder versions to
module.json(f8567a3) - Support transforming
jsx(4841f2e)
🩹 Fixes
- ⚠️ Remove support for deprecated
RuntimeModuleHooksinterface (#228) - Add
-nightlyversions to externals (0a88a87) - Ignore exporting type if it is not defined (c308cc5)
- Mark
runtime/directory as external (7a68e1e)
🏡 Chore
- release: V0.5.5 (f158ffa)
- Dedupe kit/schema/vue versions (aa0a710)
- Add root
dev:preparecommand (c308a68) - Migrate to eslint v9 (#250)
- Improve internal type safety and enable strict mode (78aa088)
- Tweak tsconfig settings (404aae7)
- Add more type annotations (ba0614b)
✅ Tests
- Update type testing step (#256)
- Add inline snapshots for
runtime/transforms (#257) - Update snapshot (a39c183)
🎨 Styles
⚠️ Breaking Changes
- ⚠️ Remove support for deprecated
RuntimeModuleHooksinterface (#228)
❤️ Contributors
- Daniel Roe (@danielroe)
nuxt/nuxt (@nuxt/webpack-builder)
v3.11.2
3.11.2 is the next regularly scheduled patch release.
✅ Upgrading
As usual, our recommendation for upgrading is to run:
nuxi upgrade --force
This will refresh your lockfile as well, and ensures that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.
👉 Changelog
🔥 Performance
- nuxt: Don't tree-shake
useServerHeadin dev (#26421) - nuxt: Reduce nuxt island payload (#26569)
- nuxt: Unsubscribe from watch when scope is disposed (#26554)
- nuxt: Reduce router resolutions (#26519)
🩹 Fixes
- nuxt: Handle underscores in island names (#26370)
- nuxt: Don't append new route for redirect if one exists (#26368)
- nuxt: Ignore
navigateToopenoption on server side (#26392) - nuxt: Print errors when compiling templates (#26410)
- nuxt: Don't warn about
definePageMetain server pages (#26422) - nuxt: Pass
joinRelativeURL+ share paths on server (#26407) - nuxt: Exclude
<srcDir>/index.htmlfrom import protection (#26430) - nuxt: Early return from
refreshCookieon server (22ada37b4) - nuxt: Move
v-ifto wrapper in islands transform (#26386) - nuxt: Move directives to client component island wrapper (#26387)
- nuxt: Ignore fetch errors in
getLatestManifest(#26486) - nuxt: Check island element instead of hydration state (#26480)
- nuxt: Add build id to rendered payload url (#26504)
- nuxt: Support serialising rich server logs (#26503)
- nuxt: Handle errors parsing/stringifying logs (4a87c35df)
- nuxt: Augment
GlobalComponentsin multiple vue modules (#26541) - nuxt: Suppress warning about resolve cache-driver (#26595)
- nuxt: Handle auto-importing named components (#26556)
- schema: Update webpack
transformAssetUrls+ passhoistStaticto vite plugin (#26563) - schema: Document use case for
typescript.shim(#26607) - nuxt: Normalise rollup opts in island transform w/o nuxt (#26589)
- nuxt: Handle missing Nuxt context in
useRoute(#26633)
💅 Refactors
- nuxt: Remove duplicated check (#26544)
- nuxt: Simplify check in
navigateTofor server (#26546) - nuxt: Simplify
runtimeConfiginitialization of client side (#26558)
📖 Documentation
- Update information about playwright test runner (8e635fd23)
- Add info about dependencies to install (a258bfc34)
- Add missing end block (f55f74798)
- Migration page typo (#26389)
- Advise installing nuxi for debugging with pnpm (#26447)
- Warn about single root element for server components (#26462)
- Adjust grammar (#26482)
- Add contents of the layout in examples (#26532)
- Add note about
prerenderRoutesin dynamic routes (#26547) - Clarify app-config merging strategy note (#26564)
- Update core modules roadmap (#26553)
- Replace
process.*withimport.meta.*(#26611) - Correct grammar in
typescript.shimJSDoc (#26626) - Add missing comma (#26644)
🏡 Chore
- Fix typo in test descriptions (#26366)
- Rename to yaml (00018084d)
- Improve pr template (#26562)
- Enable devtools by default in playground (17488508b)
- Migrate to ESLint flat config (#26583)
❤️ Contributors
- Nikita (@nikitadmitr)
- Alex Liu (@Mini-ghost)
- Luke Nelson (@luc122c)
- Damian Głowala (@DamianGlowala)
- Julien Huang (@huang-julien)
- Daniel Roe (@danielroe)
- Antoine Rey (@antoinerey)
- Maxime Pauvert (@maximepvrt)
- Taras Batenkov (@enkot)
- Lehoczky Zoltán (@Lehoczky)
- Pothuraju (@pothuraju-dev)
- xjccc (@xjccc)
- Junaid Ahmed (@junaidkbr)
- Michał Zarach (@michalzaq12)
- Thimo (@ThimoDEV)
- Anthony Fu (@antfu)
- Alexander Lichter (@manniL)
- Serge Doda (@bargel)
- François Rosato (@frosato-dev)
v3.11.1
3.11.1 is a patch release addressing regressions in v3.11.0.
✅ Upgrading
As usual, our recommendation for upgrading is to run:
nuxi upgrade --force
This will refresh your lockfile as well, and ensures that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.
👉 Changelog
🩹 Fixes
- nuxt: Ignore console.logs called outside event context (b3ced3d69)
- schema: Include
ofetchintypescript.hoistdefaults (#26316) - nuxt: Conditionally use
tsxparser (#26314) - nuxt: Correct
finishtypes and add to docs (0d9c63b82) - nuxt: Ignore failures to access asyncContext in environments without it (523db1a19)
- nuxt: Handle failure creating BroadcastChannel (#26340)
- nuxt: Don't warn when injecting client-only components (#26341)
- nuxt: Prevent losing pages routes on prerender (#26354)
- nuxt: Pass
undefinedname when resolving trailing slash (#26358) - vite: Use ssr result if it exists (#26356)
📖 Documentation
- Fix code block formatting for
usePreviewMode(#26303) - Fix confusing wording (#26301)
- Add note that
useIdmust be used with single root element (401370b3a) - Mention
<DevOnly>component in api section (#26029) - Note that
@nuxt/schemashould be used by module authors (#26190) - Add
routeNameSplitterexample in migration docs (#25838)
🏡 Chore
🤖 CI
- Configure npm registry in release workflow (68f7d4df8)
❤️ Contributors
- Daniel Roe (@danielroe)
- zunderbolt (@zunderbolt)
- Serge Doda (@bargel)
- Volker Rose (@riddla)
- Turdalin Nurassyl (@trdln)
- Julien Huang (@huang-julien)
- Joaquín Sánchez (@userquin)
- Tanvir Rahman (@Tanvir-rahman)
- Florian Lefebvre (@florian-lefebvre)
v3.11.0
👀 Highlights
This is possibly the last minor release before Nuxt v4, and so we've packed it full of features and improvements we hope will delight you! ✨
🪵 Better logging
When developing a Nuxt application and using console.log in your application, you may have noticed that these logs are not displayed in your browser console when refreshing the page (during server-side rendering). This can be frustrating, as it makes it difficult to debug your application. This is now a thing of the past!
Now, when you have server logs associated with a request, they will be bundled up and passed to the client and displayed in your browser console. Asynchronous context is used to track and associate these logs with the request that triggered them. (#25936).
For example, this code:
<script setup>
console.log('Log from index page')
const { data } = await useAsyncData(() => {
console.log('Log inside useAsyncData')
return $fetch('/api/test')
})
</script>
will now log to your browser console when you refresh the page:
Log from index page
[ssr] Log inside useAsyncData
at pages/index.vue
👉 We also plan to support streaming of subsequent logs to the Nuxt DevTools in future.
We've also added a dev:ssr-logs hook (both in Nuxt and Nitro) which is called on server and client, allowing you to handle them yourself if you want to.
If you encounter any issues with this, it is possible to disable them - or prevent them from logging to your browser console.
export default defineNuxtConfig({
features: {
devLogs: false
// or 'silent' to allow you to handle yourself with `dev:ssr-logs` hook
},
})
🎨 Preview mode
A new usePreviewMode composable aims to make it simple to use preview mode in your Nuxt app.
const { enabled, state } = usePreviewMode()
When preview mode is enabled, all your data fetching composables, like useAsyncData and useFetch will rerun, meaning any cached data in the payload will be bypassed.
💰 Cache-busting payloads
We now automatically cache-bust your payloads if you haven't disabled Nuxt's app manifest, meaning you shouldn't be stuck with outdated data after a deployment.
👮♂️ Middleware routeRules
It's now possible to define middleware for page paths within the Vue app part of your application (that is, not your Nitro routes) (#25841).
export default defineNuxtConfig({
routeRules: {
'/admin/**': {
// or appMiddleware: 'auth'
appMiddleware: ['auth']
},
'/admin/login': {
// You can 'turn off' middleware that would otherwise run for a page
appMiddleware: {
auth: false
}
},
},
})
⌫ New clear data fetching utility
Now, useAsyncData and useFetch expose a clear utility. This is a function that can be used to set data to undefined, set error to null, set pending to false, set status to idle, and mark any currently pending requests as cancelled. (#26259)
<script setup lang="ts">
const { data, clear } = await useFetch('/api/test')
const route = useRoute()
watch(() => route.path, (path) => {
if (path === '/') clear()
})
</script>
🕳️ New #teleports target
Nuxt now includes a new <div id="teleports"></div> element in your app within your <body> tag. It supports server-side teleports, meaning you can do this safely on the server:
<template>
<Teleport to="#teleports">
<span>
Something
</span>
</Teleport>
</template>
🚦 Loading indicator and transition controls
It's now possible to set custom timings for hiding the loading indicator, and forcing the finish() method if needed (#25932).
There's also a new page:view-transition:start hook for hooking into the View Transitions API (#26045) if you have that feature enabled.
🛍️ Server- and client-only pages
This release sees server- and client-only pages land in Nuxt! You can now add a .server.vue or .client.vue suffix to a page to get automatic handling of it.
Client-only pages will render entirely on the client-side, and skip server-rendering entirely, just as if the entire page was wrapped in <ClientOnly>. Use this responsibly. The flash of load on the client-side can be a bad user experience so make sure you really need to avoid server-side loading. Also consider using <ClientOnly> with a fallback slot to render a skeleton loader (#25037).
⚗️ Server-only pages are even more useful because they enable you to integrate fully-server rendered HTML within client-side navigation. They will even be prefetched when links to them are in the viewport - so you will get instantaneous loading (#24954).
🤠 Server component bonanza
When you are using server components, you can now use the nuxt-client attribute anywhere within your tree (#25479).
export default defineNuxtConfig({
experimental: {
componentIslands: {
selectiveClient: 'deep'
}
},
})
You can listen to an @error event from server components that will be triggered if there is any issue loading the component (#25798).
Finally, server-only components are now smartly enabled when you have a server-only component or a server-only page within your project or any of its layers (#26223).
[!WARNING]
Server components remain experimental and their API may change, so be careful before depending on implementation details.
🔥 Performance improvements
We've shipped a number of performance improvements, including only updating changed virtual templates (#26250), using a 'layered' prerender cache (#26104) that falls back to filesystem instead of keeping everything in memory when prerendering - and lots of other examples.
📂 Public assets handling
We have shipped a reimplementation of Vite's public asset handling, meaning that public assets in your public/ directory or your layer directories are now resolved entirely by Nuxt (#26163), so if you have added nitro.publicAssets directories with a custom prefix, these will now work.
📦 Chunk naming
We have changed the default _nuxt/[name].[hash].js file name pattern for your JS chunks. Now, we default to _nuxt/[hash].js. This is to avoid false positives by ad blockers triggering off your component or chunk names, which can be a very difficult issue to debug. (#26203)
You can easily configure this to revert to previous behaviour if you wish:
export default defineNuxtConfig({
vite: {
$client: {
build: {
rollupOptions: {
output: {
chunkFileNames: '_nuxt/[name].[hash].js',
entryFileNames: '_nuxt/[name].[hash].js'
}
}
}
}
},
})
💪 Type fixes
Previously users with shamefully-hoist=false may have encountered issues with types not being resolved or working correctly. You may also have encountered problems with excessive type instantiation.
We now try to tell TypeScript about certain key types so they can be resolved even if deeply nested (#26158).
There are a whole raft of other type fixes, including some regarding import types (#26218 and #25965) and module typings (#25548).
✅ Upgrading
As usual, our recommendation for upgrading is to run:
nuxi upgrade --force
This will refresh your lockfile as well, and ensures that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.
👉 Changelog
🚀 Enhancements
- nuxt: Server-only pages (#24954)
- nuxt: Client-only pages (#25037)
- nuxt: Allow using
nuxt-clientin all components (#25479) - nuxt: Add
page:view-transition:starthook (#26045) - nuxt: Custom loading reset/hide delay + force
finish()(#25932) - nuxt: Emit error if
<NuxtIsland>can't fetch island (#25798) - nuxt:
usePreviewModecomposable (#21705) - nuxt: Support async transforms for data composables (#26154)
- nuxt: Add dedicated
#teleportselement for ssr teleports (#25043) - nuxt: Enable islands if server pages/components present (#26223)
- nuxt: Allow generating metadata for nuxt components (#26204)
- vite: Handle multiple/custom public dirs (#26163)
- schema: Allow configuring type hoists with
typescript.hoist(85166cced) - nuxt: Pass nuxt instance to
getCachedData(#26287) - nuxt: Pass server logs to client (#25936)
- nuxt: Add
nuxtMiddlewareroute rule (#25841) - nuxt: Add
clearutility touseAsyncData/useFetch(#26259)
🔥 Performance
- Early return chained functions with falsy values (#25647)
- nuxt: Don't check
isPrerenderedin dev for server page (#26061) - nuxt: Use fallthrough cache for prerender (#26104)
- nuxt: Tree shake island renderer (8323220f7)
- nuxt: Skip adding selective-client code if not enabled (#26176)
- nuxt: Use faster approach to check cache exists (#26172)
- nuxt: Only update changed templates (#26250)
🩹 Fixes
- kit: Apply nuxt types to
.config/nuxt.config(5440ecece) - kit: Widen pattern to
.config/nuxt.*(7815aa534) - nuxt: Align
errorinshowError/createErrorwith h3 (#25945) - kit: Don't warn if middleware is added twice (08b656a04)
- nuxt: Don't try to strip directory file extensions (#25965)
- nuxt: Produce valid css selector from
useId(#25969) - schema: Add
vueCompilerOptionsproperty totsConfig(#25924) - nuxt: Skip vue style blocks in unctx transform (#26059)
- nuxt: Pass event to
useRuntimeConfigin Nuxt renderer (#26058) - schema: Disable
typescript.shimin favour of volar (#26052) - nuxt: Only check if server page is prerendered on client (#26081)
- nuxt: Don't refetch server components in initial html (#26089)
- nuxt: Resolve
defu/h3paths in type templates (#26085) - nuxt: Use exported
toExportsfromunimport(#26086) - nuxt: Cache-bust payloads with build id (#26068)
- nuxt: Export
AsyncDataRequestStatustype (#26023) - nuxt: Add space before
<html>and<body>attrs (#26027) - kit: Resolve module
node_modulesformodulesDir(#25548) - nuxt: Handle external redirects from
routeRules(#26120) - nuxt: Use flat cache directory for prerender data (47cdd7dd0)
- nuxt: Watch custom
cookieRefvalues deeply (#26151) - nuxt: Access prerender cache synchronously (#26146)
- nuxt: Provide typescript aliases for core packages (#26158)
- nuxt: Handle errors resolving package paths (63bfaac12)
- kit: Handle errors resolving module path (3782ac0a2)
- nuxt: Clone paths to prevent shared object (264bf9833)
- nuxt: Detect component usage within
ssrRender(#26162) - nuxt: Improved plugin annotating warnings (#26193)
- nuxt: Generate typed routes after pages are scanned (#26206)
- nuxt: Only strip supported extensions when generating import types (#26218)
- nuxt: Init payload when using islands with
ssr: false(f080c426a) - nuxt: Register/scan plugins with jsx/tsx extensions (#26230)
- nuxt: Update auto imports after other templates (#26249)
- nuxt: Respect
baseUrlwithin server components (#25727) - nuxt: Access shared asyncData state with
useNuxtData(#22277) - vite: Explicitly import
publicAssetsURL(9d08cdfd1) - nuxt: Don't ignore any files from
buildAssetsDir(81933dfc3) - vite: Drop name prefix for client chunk file names (#26203)
- kit: Clone middleware when adding to app (5be9253cf)
- nuxt: Don't generate separate chunk for stubs (#26291)
- nuxt: Use
joinRelativeURLfor build assets (#26282) - schema: Allow passing
deeptoselectiveClient(357f8db41) - schema: Don't hoist types for
consolafor now (adbd53a25) - nuxt: Guard
windowaccess more carefully (977377777) - nuxt: Provide appMiddleware types with universal router (87c0678f9)
- nuxt: Handle nightly releases for hoisted types (3c7e68c84)
💅 Refactors
- nuxt: Simplify
requestcomputation (#26191) - nuxt: Rename
nuxtMiddlewaretoappMiddleware(cac745470) - nuxt: Use addTypeTemplate for page augmentations (4925670dc)
- nuxt: Use addTypeTemplate in more places (33ce71dd1)
📖 Documentation
- Mention when
useIdcomposable was introduced (#25953) - Add
domEnvironmentoption to testing example (#25972) - Update VS Code settings (#25985)
- Mention island features are SFC only (#26013)
- Improve pick and transform doc (#26043)
- Fix 404 link (8e6d2306c)
- Add Nuxt Fonts to changelog (#26077)
- Update roadmap (#26072)
- Document
fallbackprop for<NuxtLayout>(#26091) - Add documentation for using layers with private repos (#26094)
- Remove twoslash from code sample (0bf70bd7a)
- Update cssnano website url (d6edb30c5)
- Add warning about latest
vue-tsc(#26083) - Improve readme readability (#26118)
- Added bridge
macros.pageMetaandtypescript.esbuildoption (#26136) - Fix bracket escape on
definePageMetapage (#26139) - Add
app:manifest:updatehook (#26192) - Add cache.varies docs for multi-tenant use case (#26197)
- Add mentions on Vue School tutorials (#25997)
- Update link to
zhead(e889a7df5) - Added modular architecture use case for Layers (#26240)
- Escape 'elements' in jsdoc comments (5c6dc4c14)
- Use a more common word (#26276)
- Split a sentence in two to improve readability (#26279)
- Removed unused composable example (#26283)
- Add more keywords for reducer/reviver docs (6b1f3438b)
- Link to pinceau repo rather than website ([#​
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.
- [ ] If you want to rebase/retry this PR, check this box
This PR has been generated by Mend Renovate. View repository job log here.
Quality Gate passed
Issues
0 New issues
0 Accepted issues
Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code
Quality Gate passed
Issues
0 New issues
0 Accepted issues
Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code