[Snyk] Upgrade @nuxt/ui from 2.21.1 to 3.0.2 #113
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Snyk has created this PR to upgrade @nuxt/ui from 2.21.1 to 3.0.2. See this package in npm: @nuxt/ui See this project in Snyk: https://app.snyk.io/org/nerds-github/project/8b4160ff-3510-4d06-a27b-7930a5e75719?utm_source=github&utm_medium=referral&page=upgrade-pr
Reviewer's Guide by SourceryThis pull request upgrades the Updated class diagram for the Form componentclassDiagram
class Form {
+ drop explicit support for zod and valibot
+ rely on standard-schema for validation
+ global errors
+ prop to disable state transformation
+ input blur validation on submit
+ ensure loading state resets to false after an error
}
Updated class diagram for the useOverlay composableclassDiagram
class useOverlay {
+ handle programmatic modals and slideovers
}
Updated class diagram for the Toast componentclassDiagram
class Toast {
+ rename `click` to `onClick` for consistency
+ handle vnodes in `title` and `description`
}
Updated class diagram for the Link componentclassDiagram
class Link {
+ handle `aria-current` like `NuxtLink` / `RouterLink`
+ prevent `active="true"` binding on html
+ properly pick all `aria-*` & `data-*` attrs
+ proxy `onClick`
+ improve external links handling in vue
+ allow usage without `vue-router` in vue
}
Updated class diagram for the Drawer componentclassDiagram
class Drawer {
+ remove `fadeFromIndex` prop proxy
+ add `inset` prop
}
File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
![sourcery-ai[bot]](https://avatars.githubusercontent.com/in/48477?s=60&v=4){kind=small}
There was a problem hiding this comment.
We have skipped reviewing this pull request. Here's why:
- It seems to have been created by a bot ('[Snyk]' found in title). We assume it knows what it's doing!
- We don't review packaging changes - Let us know if you'd like us to change this.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Snyk has created this PR to upgrade @nuxt/ui from 2.21.1 to 3.0.2.
ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.
The recommended version is 21 versions ahead of your current version.
The recommended version was released 22 days ago.
Release notes
Package name: @nuxt/ui
🚀 Features
emptyprop (afff54f)🐛 Bug Fixes
$attrsto default slot (#3712) (88f349d)focus:outline-noneinstead offocus:outline-hidden(c231fe5), closes #3658group.idas key (bc61d29)w-fullclass (df00149)@ __NO_SIDE_EFFECTS__(82e2665)fadeFromIndexprop proxy (f7604e5)helptoaria-describedbyattribute (#3691) (20c3392)searchTermonupdate:open(3074632), closes #3620aria-currentlikeNuxtLink/RouterLink(c531d02)active="true"binding on html (d73768b)aria-*&data-*attrs (ade16b7)onClick(370054b), closes #3631z-indexon viewport (0095d89), closes #3654captionslot (4ebb94c)focus:outline-hiddenclass (1769d5e)openmethod type to infer close emit return type (#3716) (bd99c2d)nuxtApp.hooks&useRuntimeHook(23bfeb9)🌐 Locale
👋 New Contributors
Full Changelog: v3.0.1...v3.0.2
✨ Highlights
theme(static)(#3630) (ecff9ab)You no longer need to use
theme(static)when importingtailwindcss! 🎉However, you might still need this when using Tailwind CSS variables in your code explicitly like this for example:
🚨 Breaking Changes
zodandvalibot(#3617) (9a4bb34)We now rely on standard-schema for Form validation with
valibotandzod. Make sure to upgrade to[email protected]/[email protected]if you use them in your app.vaul-vue(f401766)We've updated to
[email protected]which powers the Drawer component. There's no longer ahandleslot, the themehandleslot has changed a bit with some important values but you have access to ahandle-onlyprop now: https://ui.nuxt.com/components/drawer#handle-only🚀 Features
contentprop (5dec0e1)🐛 Bug Fixes
anyfromproxySlots(#3623) (764c41a)theme(static)(#3630) (ecff9ab)disabledon items (fe0bd83), closes nuxt/ui-pro#911@ selectis used (#3580) (e80cc15)@ compodium/examplesin auto-imports paths (#3585) (cc504b8)@ nuxt/ui-pro(#3603) (dec2730)🌐 Locale
👋 New Contributors
Full Changelog: v3.0.0...v3.0.1
We are thrilled to introduce Nuxt UI v3, a comprehensive redesign of our UI library that delivers significant improvements in accessibility, performance, and developer experience. This major update represents over 1,500 commits of dedicated work, collaboration, and innovation from our team and the community.
Read the blog post announcement: https://nuxt.com/blog/nuxt-ui-v3
Get started with Nuxt UI v3 →
✨ Highlights
🧩 Reka UI: A New Foundation
We've transitioned from Headless UI to Reka UI as our core component foundation, bringing:
🚀 Tailwind CSS v4 Integration
Nuxt UI now leverages the latest Tailwind CSS v4, delivering:
🎨 Tailwind Variants
We've adopted Tailwind Variants to power our design system, offering:
📝 Enhanced TypeScript Integration
Nuxt UI provides significantly improved TypeScript support:
🔄 Vue Compatibility
Use Nuxt UI in any Vue project without Nuxt by adding the Vite and Vue plugins to your configuration:
Get started with Nuxt UI for Vue →
Migration from v2
We want to be transparent: migrating from Nuxt UI v2 to v3 requires significant effort. While we've maintained core concepts and components, Nuxt UI v3 has been rebuilt from the ground up to provide enhanced capabilities.
To upgrade your project:
🙏 Acknowledgements
This release represents thousands of hours of work from our team and the community. We'd like to thank everyone who contributed to making Nuxt UI v3 a reality, especially @ romhml, @ sandros94, and @ hywax for their tremendous work.
🚨 Breaking Changes
Nuxt UI v3.0.0-beta.4 requires Nuxt v3.16 to work, please upgrade your Nuxt to continue using
@ nuxt/ui:🚀 Features
nullvalue in model (#3415) (cfe9b2e)🐛 Bug Fixes
useHeadin colors (5ecd227)👋 New Contributors
Full Changelog: v3.0.0-beta.3...v3.0.0-beta.4
🚀 Features
activestate (bd2d484), closes #3417loadingslot (99e531d), closes #3444🐛 Bug Fixes
requiredin root props (60b7e2d)requiredin multiple mode (01fa230), closes #2741👋 New Contributors
Full Changelog: v3.0.0-beta.2...v3.0.0-beta.3
🐛 Bug Fixes
Full Changelog: v3.0.0-beta.1...v3.0.0-beta.2
✨ Highlights
🚨 Breaking Changes
Tailwind CSS made some breaking changes in
4.0.8where they don't rely on the module graph to discover classes anymore and where they remove unused CSS variables.The first issue has been fixed internally in #3373 but for the second you now need to use
theme(static)when importingtailwindcss: https://ui3.nuxt.dev/getting-started/theme#theme@ import "@ nuxt/ui";
@ theme static {
--color-green-50: #EFFDF5;
--color-green-100: #D9FBE8;
--color-green-200: #B3F5D1;
--color-green-300: #75EDAE;
--color-green-400: #00DC82;
--color-green-500: #00C16A;
--color-green-600: #00A155;
--color-green-700: #007F45;
--color-green-800: #016538;
--color-green-900: #0A5331;
--color-green-950: #052E16;
}
compodium(#3380)@ romhml who initially created the Nuxt UI devtools, moved all the logic into a separate compodium module in #3380 to avoid polluting the
@ nuxt/uipackage with 7MB+ of component metas.This module now works for any component in your app, not just Nuxt UI ones which gives way more flexibility.
You can install the module in your Nuxt application with one command:
@ genu who initially created the
useModalanduseSlideovercomposables in Nuxt UI v2 made a significant refactor in #3279 which merges the two composables into a singleuseOverlaycomposable. This is a big breaking change but brings lots of improvements as you can read in the PR.🚀 Features
selectevent (#2822) (0668a39)🐛 Bug Fixes
$attrsbind (#3152) (fb36df5)dvhunit (aefa09c)$attrson trigger (637f5d3), closes #3339 #2897@ nuxt/uifrom vite pre-optimization (#3352) (09492f7)👋 New Contributors
Full Changelog: v3.0.0-alpha.13...v3.0.0-beta.1
✨ Highlights
🎨 Tailwind CSS classes
Thanks to #2967, you can now use classes like
text-primary dark:text-primary-400like in Nuxt UI v2. We dynamically write into the@ themedirective of Tailwind CSS to define the Nuxt UI design system colors (theme.colors) as Tailwind CSS colors.🚨 Breaking Changes
addclicktoonClickfor consistencyorientationprop🚀 Features
orientationprop (2c192ac)variantprop (847d4aa)external-iconprop (5846c1e), closes #2996insetprop (6d9b9ed), closes #2994tailwindcsstheme colors (#2967) (443a0be)pagination(#3177) (4aa3179)titleanddescription(abd2be1), closes #3226🐛 Bug Fixes
ModalProvider/SlideoverProviderinsideTooltipProvider(cd0a9d3), closes #3236UAvatarimport (49dd088), closes #3203PartialStringtype onuiprop (9d29e0b), closes #3299shadow-smfor consistency (8097fff)vue-routerin vue (f55e869), closes #3001km(#3201) (995e07d)title&descriptionaccessibility (e419dcb), closes #3267 #3215collapsedprop (07e1b4f)levelcompute onverticalorientation (c1c9da4)FocusScope(e7e7585), closes #2657useForwardProps(f0553eb)clicktoonClickfor consistency (533e889)add(153f341)👋 New Contributors
Full Changelog: v3.0.0-alpha.12...v3.0.0-alpha.13
Summary by Sourcery
Upgrade @nuxt/ui from version 2.21.1 to 3.0.2, a major version upgrade that introduces significant changes and improvements to the Nuxt UI library
New Features:
Enhancements: