[Snyk] Upgrade @nuxt/ui from 2.21.1 to 3.0.0 #103
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.0. 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 No diagrams generated as the changes look simple and do not need a visual representation. 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.0.
ℹ️ 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 19 versions ahead of your current version.
The recommended version was released 24 days ago.
Issues fixed by the recommended upgrade:
SNYK-JS-INFLIGHT-6095116
Release notes
Package name: @nuxt/ui
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
🚨 Breaking Changes
colortocolortranslator(#3097)🚀 Features
lightvariant to reverse colors (75f7064)aria-describedbyandaria-invalidattributes (#3123) (b95b913)collapsedprop (3fc2210)contentOrientationprop (ac86ee0)labeltype in items (27fdc8e), closes #2993🐛 Bug Fixes
@ nuxt/image(00c5f26), closes nuxt/ui-pro#727blockprop (ba1dd13)baselayer (533ccec), closes #3075appConfigidentifier import (#3186) (cd16b95)valueobject (#3104) (8f7f579)ñines(#3090) (1bf370e)horizontalorientation only (931211a)👋 New Contributors
Full Changelog: v3.0.0-alpha.11...v3.0.0-alpha.12
🚨 Breaking Changes
prevent-closetodismissible🚀 Features
autofocusprop (#2942) (1b3c919)tvcustomization throughapp.config(#2938) (30ba53e)🐛 Bug Fixes
unmountOnHidedefault (4344e36)$attrsonAvatarFallback(#2933) (7f64198)smsize (f97d2e3)onSelectoronClick(#2896) (2e17fb6)checkboxitems (#2921) (4c5a4fb)eager-validationprop behavior (#3031) (41dc11c)tagdoes not changemodelValue(#3054) (5a44394)prevent-closetodismissible+ uniformize docs (6fb426f)arrowstyles afterreka-uimigration (9759320)verticalorientation (e931880)w-fullon root slot (ef7ecd2), closes #3000verticalorientation (82d6344)resetSearchTermOnBlurmanually (#3082) (c902a40)valuetype (4f05b1a)itemintitle&descriptionslots (473194f), closes #2888👋 New Contributors