[Snyk] Upgrade @nuxt/ui from 2.22.0 to 3.1.2 #158
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.22.0 to 3.1.2. See this package in npm: @nuxt/ui See this project in Snyk: https://app.snyk.io/org/nerds-github/project/ef708957-d107-4807-bb9b-ffb67ea15337?utm_source=github&utm_medium=referral&page=upgrade-pr
Reviewer's GuideThis PR upgrades the @nuxt/ui devDependency from v2.x to v3.x by updating the version string in dashboard/package.json, aligning the project with the latest Nuxt UI release and its security fixes. Class Diagram: @nuxt/ui Upgrade and Key Component ChangesclassDiagram
class dashboard_package_json {
"@nuxt/ui (devDependency)": "2.22.0 -> 3.1.2"
}
class NuxtUI_Library {
<<@nuxt/ui>>
+version: "3.1.2"
+securityFixes: "Includes SNYK-JS-SUPABASEAUTHJS-10255365"
}
dashboard_package_json ..> NuxtUI_Library : "uses updated"
NuxtUI_Library "1" *-- "*" UCheckboxGroup : provides
NuxtUI_Library "1" *-- "*" URadioGroup : provides
NuxtUI_Library "1" *-- "*" OverlayProvider : provides
NuxtUI_Library "1" *-- "*" UBadge : provides
NuxtUI_Library "1" *-- "*" UInputNumber : provides
NuxtUI_Library "1" *-- "*" UNavigationMenu : provides
NuxtUI_Library "1" *-- "*" UToast : provides
class UCheckboxGroup {
<<New Component in v3.x>>
+String variant
+Array items
+Array modelValue
}
class URadioGroup {
<<Enhanced in v3.x>>
+String variant
}
class OverlayProvider {
<<API Breaking Change in v3.x>>
+OverlayInstance open(options)
}
class OverlayInstance {
+Promise result
}
OverlayProvider ..> OverlayInstance : creates
class UBadge {
<<Enhanced in v3.1.2>>
+boolean square
}
class UInputNumber {
<<Enhanced in v3.1.2>>
+boolean incrementDisabled
+boolean decrementDisabled
}
class UNavigationMenu {
<<Enhanced in v3.1.2>>
+boolean collapsible
+Object tooltip
}
class UToast {
<<Enhanced in v3.1.2>>
+boolean progress
}
Flow Diagram: @nuxt/ui Dependency Upgrade Impactgraph TD
A["@nuxt/ui v2.22.0 (Current Dev Dependency)"] --> B["PR: Update dashboard/package.json"];
B --> C["@nuxt/ui v3.1.2 (New Dev Dependency)"];
C --> D["Project Gains Access To:"];
D --> E["- New Components (e.g., UCheckboxGroup)"];
D --> F["- Enhanced Components (e.g., URadioGroup, UBadge)"];
D --> G["- API Changes (e.g., OverlayProvider.open())"];
D --> H["- Numerous Bug Fixes"];
D --> I["- Security Patch (SNYK-JS-SUPABASEAUTHJS-10255365)"];
J(["Improved Project Security, Stability & Modern UI Capabilities"]);
E --> J;
F --> J;
G --> J;
H --> J;
I --> J;
File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
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.22.0 to 3.1.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 24 versions ahead of your current version.
The recommended version was released a month ago.
Issues fixed by the recommended upgrade:
SNYK-JS-SUPABASEAUTHJS-10255365
Release notes
Package name: @nuxt/ui
🚀 Features
squareprop (#4008) (894e8a6)tablevariant (#3997) (1b6ab27)uifield in items (#4060) (b9adc83)increment-disabled/decrement-disabledprops (#4141) (c7fba2e)collapsiblefield in items (2be60cd), closes #3353 #3911tooltipin items (46c2987), closes #4050tooltiparound thumbs (d140acc), closes #1469progressprop to hide progress bar (#4125) (92632e9)🐛 Bug Fixes
z-indexon focused element (204953b)neutralcolor (7d51a9e), closes #4084 #3629variant(f2fd778), closes #3998UCheckboximport (7551a85), closes #4090classshould have priority overuiprop (e6e510b)divforerrorandhelpslots (459a041)useAppConfigreactive (12303a8)@ nuxt/fontswith default weights (276268d)valuefield (#4105) (09b4699)divtag fortitle&description(a57844e), closes #4096focus:outline-nonewithlinkvariant (999a0f8)baseslot override (c63d2f3)useAppConfigreactive (869c070), closes #3952🌐 Locales
👋 New Contributors
Full Changelog: v3.1.1...v3.1.2
🚀 Features
closeAllmethod (#3984) (ac4c194)isOpenmethod to check overlay state (#4041) (a4f3f6d)🐛 Bug Fixes
place-items-centerto grid row (#4034) (8dfdd63)metatoctrlconvert on non macos platforms (f3b8b17), closes #3869 #3318nuxt-nightly(#3996) (bc0a296)sm:w-autofrom content slot (aebf0b3), closes #3987valuefield type (#3995) (195773e)border-bg/divide-bgutilities (82b5f32)ring-offset-*utilities (#3992) (e5df026)uiobject (591d59f), closes #3579@ theme inlineto properly reference css variables (6131871), closes #4018👋 New Contributors
Full Changelog: v3.1.0...v3.1.1
✨ Highlights
🎨 Improved Utility Classes
We've enhanced the utility class system to make it more intuitive and easier to use. While CSS variables provided flexibility, writing classes like
text-(--ui-text-muted)proved cumbersome. We've introduced three major improvements:+ <div class="text-primary">
- <div class="bg-(--ui-error)">
+ <div class="bg-error">
+ <div class="text-muted">
- <div class="border-(--ui-border)">
+ <div class="border-default">
- <div class="bg-(--ui-bg-elevated)/50">
+ <div class="bg-elevated/50">
rounded-*utilities to use our--ui-radiusCSS variable, making it easier to maintain consistent border radius across your application: https://ui.nuxt.com/getting-started/theme#radius+ <div class="rounded-sm">
- <div class="rounded-[calc(var(--ui-radius)*1.5)]">
+ <div class="rounded-md">
- <div class="rounded-[calc(var(--ui-radius)*2)]">
+ <div class="rounded-lg">
🧩 New Components and Features
import type { CheckboxGroupItem, CheckboxGroupValue } from '@ nuxt/ui'
const items = ref<CheckboxGroupItem[]>(['System', 'Light', 'Dark'])
const value = ref<CheckboxGroupValue[]>(['System'])
</script>
<template>
<UCheckboxGroup v-model="value" :items="items" />
</template>
cardandtablevariants for more flexible layouts: https://ui.nuxt.com/components/radio-group#variantimport type { RadioGroupItem, RadioGroupValue } from '@ nuxt/ui'
const items = ref<RadioGroupItem[]>(['System', 'Light', 'Dark'])
const value = ref<RadioGroupValue>('System')
</script>
<template>
<URadioGroup v-model="value" variant="table" :items="items" />
</template>
🌉 Inertia.js Integration
The Vue version now includes built-in support for Inertia.js. Enable it with the
inertia: trueoption in yourvite.config.ts:import vue from '@ vitejs/plugin-vue'
import ui from '@ nuxt/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
inertia: true
})
]
})
This automatically replaces
RouterLinkwithInertiaLinkin all components, providing seamless integration with your Inertia.js applications: https://ui.nuxt.com/getting-started/installation/vue#inertia⚡ Module Builder Update
The module has been updated to use nuxt/module-builder@1.0.0, bringing improved build performance and better TypeScript support.
Following this change, we've refactored how component types are handled which brings full HMR support with
app.config.tschanges, this was only working when reloading the page previously.🚨 Breaking Changes
.open()(#3829) (f3098df)This PR changes
.open()to return an overlay instance with aresultpromise property instead of returning the promise directly, providing more flexibility:+ const instance = modal.open({ count: count.value })
+ const result = await instance.result
</script>
🚀 Features
portalprop (#3688) (29fa462)selectevent (#3678) (22edfd7)content-topandcontent-bottomslots (#3886) (1a46394)attachprop to opt-out of nested form attachement (#3939) (1a0d7a3)resetSearchTermOnSelect(cea881a), closes #3782stepSnapping&disableWheelChangeprops (#3731) (f5e6284)close:preventevent (#3958) (f486423)rounded-*utilities (#3906) (f9737c8).open()(#3829) (f3098df)autofocus/autofocus-delayprops (0456670), closes #3717cardandtablevariants (#3178) (4d138ad)onSelectfield in items (8640831)trandtd(#3866) (80dfa88)list-leadingandlist-trailingslots (#3837) (3447a06)autoresize-delayprop (06414d3), closes #3730icon,loading, etc. props to match Input (cb193f1)resize-noneclass withautoresizeprop (ffafd81)🐛 Bug Fixes
divinstead ofh3for header tag (75e4792), closes #3963@ nuxt/module-builderupgrade (#3855) (39c861a)transform-originin popper content (#3919) (01d8dc7)any(#3741) (97274f1)onSelectevents (#3735) (f25fed5)disableditems to be selected (8435a0f), closes #3474valueKeystring case (9ca213b), closes #3949 #3331value(#3779) (52a97e2)changeon multiple item removal (9d2fed1), closes #3756downloadproperty (#3879) (47cdc2e)sm:w-autocontent slot (abe0859), closes #3788iconandcontentslots (1d45980), closes #3785datareactivity (#3967) (6e27304)colspantoth(#3926) (122e8ac)ClassValueinuiprop (eea1415), closes #3860🌐 Locales
👋 New Contributors