Skip to content

Conversation

nerdy-tech-com-gitub
Copy link
Owner

snyk-top-banner

Snyk has created this PR to upgrade @nuxt/ui from 2.22.1 to 3.3.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.


⚠️ Warning: This PR contains major version upgrade(s), and may be a breaking change.

  • The recommended version is 27 versions ahead of your current version.

  • The recommended version was released 23 days ago.

Issues fixed by the recommended upgrade:

Issue Score Exploit Maturity
medium severity Missing Release of Resource after Effective Lifetime
SNYK-JS-INFLIGHT-6095116
131 Proof of Concept
Release notes
Package name: @nuxt/ui
  • 3.3.0 - 2025-07-24

    ✨ Highlights

    ☁️ New FileUpload Component

    Introducing a powerful new FileUpload component that makes file uploads effortless with built-in drag-and-drop and validation support (#4564).

    CleanShot 2025-07-24 at 12 19 34@2x

    Learn more: https://ui.nuxt.com/components/file-upload

    🎨 Global Default Variants

    Configure global defaults for color and size across all components to reduce boilerplate and ensure consistent styling (#4400).

    export default defineNuxtConfig({
      modules: ['@ nuxt/ui'],
      css: ['~/assets/css/main.css'],
      ui: {
        theme: {
          defaultVariants: {
            color: 'neutral',
            size: 'sm'
          }
        }
      }
    })

    Learn more: https://ui.nuxt.com/getting-started/installation/nuxt#themedefaultvariants

    📊 Enhanced Table Component

    Major improvements to the Table component bring enhanced functionality and better user experience:

    • Footer support for column summaries (#4194)
    • Context menu support (#4259)
    • Colspan and rowspan support (#4460)
    • Row hover events for better interactivity (#2435)
    • Custom styles in table and column meta (#4513)

    Learn more: https://ui.nuxt.com/components/table

    🚀 Features

    🐛 Bug Fixes

    • Button/Link: merge active-class / inactive-class with app config (#4446) (9debce7)
    • Button: add active styles to behave like hover on mobile (df8f202), closes #991
    • Carousel/Tree: add type to button elements for accessibility (#4493) (fc24e03)
    • Carousel: add aria-current attribute to active dot (#4447) (1ba8a55)
    • Carousel: improve accessibility (55e06e9), closes #4494
    • Carousel: resolve plugins with page transitions (#4380) (3b67d54)
    • ColorPicker: update color conversion logic (#4550) (6b6ec8c)
    • CommandPalette: remove rtl:space-x-reverse from label (#4576) (4682ded)
    • defineShortcuts: allow extra keys to be combined with shift (#4456) (772631c)
    • defineShortcuts: always pass event to shotcut handler (#4516) (ef473c3)
    • FormField: improve error type with boolean (a4d0ca7), closes #4496
    • FormField: resolve minor accessibility and rendering issues (#4515) (c64c4cd)
    • InputMenu/SelectMenu: filter null items in search (488707e)
    • InputMenu/SelectMenu: improve display value without valueKey (4d4234d), closes #4528
    • InputMenu/SelectMenu: only filter non-null fields (c92f908), closes #4509
    • InputMenu: reset search term on mounted (cb160e6), closes #3993
    • module: merge user's options when installing modules (78f92a2)
    • NavigationMenu/Tabs: display badge when not undefined (b22891a)
    • NavigationMenu/Tabs: proxy fallthrough attributes (836f748)
    • RadioGroup: improve type safety for normalizeItem function (#4535) (bb99345)
    • Table: add scope attribute to headers (#4417) (347694b)
    • Table: handle reactive columns (#4412) (4ce6540)
    • theme: colors autocomplete in app config (752e2b6)
    • Toast: only show progress when open (1d052ec), closes #4464
    • Tooltip: display separator only with text and kbds (#4570) (63476e5)
    • useLocale: ensure inject defaults to en (df1abf1), closes #4579
    • useLocale: prevent hydration error when switching locale (15c7991)
    • useOverlay: don't use patch when passing props to open (#4497) (5ad7dab)
    • useOverlay: improve props handling by merging existing and new (#4478) (6519a74)
    • useOverlay: support infering close argument from complex emits (#4414) (d7aefa5)
    • vue: handle override when importing from @ nuxt/ui (57a5037)
    • vue: stub clearError (d8160ba)

    👋 New Contributors

    Full Changelog: v3.2.0...v3.3.0

  • 3.2.0 - 2025-06-25

    ✨ Highlights

    🏷️ New InputTags Component

    A powerful new component for managing multiple input values with a clean, tag-based interface (#4261).

    Learn more: https://ui.nuxt.com/components/input-tags

    ⏱️ New Timeline Component

    Introducing the Timeline component for displaying chronological sequences and process flows (#4215).

    Learn more: https://ui.nuxt.com/components/timeline

    🚨 Breaking Changes

    • useOverlay: correct spelling of unmount function (#4051)

    🚀 Features

    🐛 Bug Fixes

    • Card/Drawer/Modal: prevent scrollbars overflow (#4368) (c3adc38)
    • components: remove default md size on buttons (#4357) (be41aed)
    • defineShortcuts: allow meta_- shortcut (#4321) (4e7c1c9)
    • Form: conditionally type form data via transform prop (#4188) (37abcc6)
    • Form: expose reactive fields (#4386) (1a8feb7)
    • InputMenu/SelectMenu: dynamic empty size (ba3c6e8), closes #4377
    • Modal/Slideover: don't emit close:prevent on closeAutoFocus (150b334)
    • NavigationMenu: nested accordion context at every level (#4363) (2fa8db6)
    • NavigationMenu: set content max-height in horizontal orientation (62bc7b2), closes #4208
    • Pagination: match default button size (#4350) (4dd56c8)
    • Select/SelectMenu: display falsy values (7df7ee3)
    • Select/SelectMenu: prevent empty string display when multiple (483e473)
    • SelectMenu: dynamic input size (b0364b9)
    • Table: use tr as separator (#4083) (edca3bc)
    • Toast: calc height on next tick (3bf5acb), closes #4265
    • Toaster: smoother visibility transition for stacked toasts (#4367) (abfd0ed)
    • useOverlay: correct spelling of unmount function (#4051) (546df57)
    • useOverlay: set props to original props when defaultOpen is set (#4308) (66355ba)
    • useOverlay: use original props when not provided to open (#4269) (bf56e15)

    🌐 Locales

    👋 New Contributors

    Full Changelog: v3.1.3...v3.2.0

  • 3.1.3 - 2025-05-26

    🚨 Breaking Changes

    • NavigationMenu: revert new collapsible field

    In previous patch, we introduced a new collapsible field in items to display children in collapsed state as well as making the parent element respect its link attributes. However, it didn't feel right so we removed it in favor of 1e2a10b, 9cf9f25 and f2682fd.

    1. Parent items now respect their link attributes and clicking the trailing icon arrow expand/collapse its children.
    2. You can force a parent to behave like before (without link attributes) using type: 'trigger'.
    3. When collapsed, you can use the popover / tooltip props or item fields:

    🚀 Features

    • Modal/Slideover: add after:enter event (#4187) (d9e9fea)
    • NavigationMenu: add tooltip and popover props (f2682fd), closes #4186
    • NavigationMenu: add trigger type in items (9cf9f25)
    • NavigationMenu: handle vertical orientation with Accordion instead of Collapsible (1e2a10b), closes #4072 #3911
    • Popover: add anchor slot (#4119) (473513c)

    🐛 Bug Fixes

    • CheckboxGroup/RadioGroup: variant table borders in RTL mode (#4192) (43d281f)
    • CommandPalette: add presentation role to viewport (2ba94db)
    • ContextMenu/DropdownMenu: wrap groups in a viewport (dcf34a7), closes #3315
    • Drawer: improve title & description accessibility (41087d4), closes #4199
    • icons: update loading icon (#4163) (fe4e1f8)
    • Input/Textarea: define model modifiers types (#4195) (3243fb8)
    • InputMenu/Select/SelectMenu: manual viewport to display scrollbars (f95abf8), closes #4069
    • NavigationMenu: incorrect hover when disabled and active (d0be599)
    • NavigationMenu: only display tooltip when collapsed (44f536f)
    • NavigationMenu: revert new collapsible field (3c78e2f)
    • Textarea: missing imports (#4207) (6aab62e)
    • theme: define old-neutral color as static (#4193) (dae9f0b)
    • Tooltip: increase padding for consistency (0634a75)

    🌐 Locales

    👋 New Contributors

    Full Changelog: v3.1.2...v3.1.3

  • 3.1.2 - 2025-05-15

    🚀 Features

    🐛 Bug Fixes

    • Badge/Button: handle zero value in label correctly (#4108) (f244d15)
    • ButtonGroup: add z-index on focused element (204953b)
    • Calendar: wrong color for today date with neutral color (7d51a9e), closes #4084 #3629
    • Checkbox/RadioGroup: render correct element without variant (f2fd778), closes #3998
    • CheckboxGroup: relative UCheckbox import (7551a85), closes #4090
    • ColorPicker: make thumb touch draggable (#4101) (cc20a26)
    • components: class should have priority over ui prop (e6e510b)
    • FormField: block form field injection after use (#4150) (d79da9d)
    • FormField: use div for error and help slots (459a041)
    • inertia: link always render as anchor tag (#3989) (e81464a)
    • inertia: make useAppConfig reactive (12303a8)
    • Input/Textarea: handle generic types (3c8d6cd), closes nuxt/ui-pro#887
    • InputNumber: handle inside button group (2e4c308), closes #4155
    • Link: consistent behavior between nuxt, vue and inertia (#4134) (

Snyk has created this PR to upgrade @nuxt/ui from 2.22.1 to 3.3.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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants