chore(deps): update dependency @nuxt/ui to v4

[renovate]

ℹ️ Note

This PR body was truncated due to platform limits.

This PR contains the following updates:

Package	Change	Age	Confidence
@nuxt/ui (source)	^2.22.3 → ^4.7.0

---

Release Notes

nuxt/ui (@​nuxt/ui)

v4.7.0

Compare Source

Features

• AuthForm: add separator slot (#​6305) (81c7ddb)
• Card: add title and description props (3cf7d75), closes #​6001
• CommandPalette: add group-label slot (#​6329) (7fc773c)
• CommandPalette: add searchDelay prop (7d2af05)
• EditorSuggestionMenu: expose suggestion matching options (#​6234) (4427824)
• Link: auto-localize internal links when @nuxtjs/i18n is installed (#​5537) (92cfda0)
• Listbox: new component (#​6307) (00c1651)
• ProsePrompt: new component (#​6362) (2451ac6)
• Table: support sticky header/footer in virtualized mode (#​6217) (15d32ce)
• Textarea: expose autoResize method (#​6120) (9c5c0df)

Bug Fixes

• Accordion/Tabs: use item value as stable key to avoid remounts (#​6380) (3cee610)
• Avatar: remove leading-none from fallback (#​6383) (77ce09a)
• ChatMessage/ChatMessages: preserve generic message type in slot scope (#​6391) (20f66db)
• ChatMessages: prevent layout shift caused by indicator during streaming (#​6297) (b7160e2)
• ChatMessages: use MutationObserver for auto-scroll during streaming (#​6357) (47bf3cb)
• ChatPromptSubmit: ignore disabled prop when status is not ready (600a2ca)
• components: resolve defaultVariants in template logic (#​6361) (75b37d0)
• ContentSearch/DashboardSearch: pick shared props from CommandPalette (cdcf2e5)
• ContentSearch: speed up navigation mapping (0faf2c2)
• ContentToc: use links for scrollspy instead of hardcoded h2/h3 (#​6282) (6aba2ea)
• FieldGroup: prevent context from leaking into portals (#​6313) (5155e27)
• FileUpload: use form field color and highlight instead of raw props (bb5a9ed)
• Header/DashboardSidebar/Sidebar: allow auto focus in menu for proper focus trapping (#​6266) (9b91ee4)
• InputDate/InputTime: increase segments width (#​6339) (4ebdb2f)
• InputTags: add missing field group variant (#​6326) (aae5378)
• Link: ensure single-root rendering for v-show and $el resolution (#​6310) (2c4ff35)
• Modal/Slideover: drop empty header wrapper when empty (#​6381) (1082960)
• module: use relative tagPriority for inline style tags (#​6299) (ae693d0)
• PricingTable: align header elements vertically (#​6111) (0daacb0)
• PricingTable: handle RTL mode (#​6382) (ab203db)
• ProseCodeCollapse: match background on overscroll (28c89fe)
• ProseImg: respect markdown width attribute (#​6350) (d4e4ea1)
• ProsePre: get code from DOM if code prop is missing (#​6333) (b808ce4)
• Select: support item-aligned position mode (#​6358) (255807a)

v4.6.1

Compare Source

Bug Fixes

• ai: use part.state for streaming detection and deprecate isReasoningStreaming (d2d7543)
• ChatMessage: hide files slot when no file parts exist (9cddc8e)
• ChatMessages: keep indicator visible until first content arrives (195cce8)
• ChatMessages: reset scroll icon when messages are cleared (#​6239) (4ba3eef)
• ChatPrompt: guard enter during composition (#​6280) (a911ca8)
• DashboardSidebar: always pass collapsed: false in mobile menu slots (957a0f5), closes #​6157
• Modal/Slideover/Drawer: suppress reka ui title and description warnings (3451b8d), closes #​6240
• module: inline defaultVariants and prefix in dev template (314e23b)
• module: transpile reka-ui to prevent injection errors (#​6286) (b822c43)

v4.6.0

Compare Source

⚠ BREAKING CHANGES

• module: use moduleDependencies to manipulate options (#​5384)

Features

• add standalone Vue REPL playground (#​6209) (390c4bd)
• ChatMessage: add files slot (12d6020)
• ChatReasoning: new component (#​6175) (6db594e)
• ChatShimmer: new component (#​6171) (8db9c54)
• ChatTool: new component (#​6176) (7849534)
• Checkbox/Switch: add support for trueValue / falseValue props (#​6150) (91c6356)
• ContentToc: add highlight-variant prop (#​5746) (df080ce)
• DropdownMenu: add filter prop (#​6153) (a529b43)
• FileUpload: add fileImage prop (#​5935) (40f9c2e)
• Icon: add global options on Vue-only side (#​5354) (566fbee)
• InputMenu: add autocomplete prop (#​6026) (ee8a248)
• InputTime: add range prop (#​6203) (c124f29)
• locale: add Icelandic language (#​6149) (f3ddc60)
• module: use moduleDependencies to manipulate options (#​5384) (dd3f5c5)
• Sidebar: new component (#​6038) (51a1f85)
• Table: implement row pinning (#​6115) (fbd60d9)
• Tooltip: support global content configuration via App tooltip prop (#​6152) (83afd9c)
• unplugin: add support for prose components (#​6198) (c58b9b2)

Bug Fixes

• Avatar: use resolved size for image width/height (#​6008) (6dd0fc4)
• ChatShimmer: handle RTL mode (#​6180) (51793a8)
• ContentNavigation: prevent toggling disabled parent items (#​6122) (0f1074f)
• ContentSurround: handle RTL mode (#​6148) (6921f13)
• ContentToc: reset start margin at lg breakpoint (8f24f79)
• DashboardSearchButton: use valid HTML structure for trailing slot (#​6194) (578a12f)
• Editor: guard lift calls for unavailable list extensions (#​6100) (065db6b)
• Error: support status and statusText properties (1350d62), closes #​6134
• FileUpload: make multiple, accept and reset options reactive (#​6204) (ae093df)
• Modal/Slideover/Popover/Drawer: prevent double close:prevent emit (#​6226) (9a0d501)
• module: only auto-import public composables and allow Vite opt-out (#​6197) (886f5fb)
• NavigationMenu: improve RTL support for viewport and indicator (#​6164) (755867b)
• NavigationMenu: propagate disabled state to item in vertical orientation (6d4d651)
• ProsePre: move shiki line highlight styles to theme (d663950)

v4.5.1

Compare Source

Bug Fixes

• components: improve arrow styling with stroke-default and fill-bg (#​6095) (0e9198e)
• components: improve slots return types and tests (#​6109) (7d1e863)
• components: prevent transformUI from mutating cached useComponentUI value (286738a), closes #​6104 #​4387
• ContentToc: add relative positioning to content slot (fcdb231), closes #​6117
• ContentToc: use rem units for indicator size calculation (d631853)
• NavigationMenu: prevent navigation when clicking trailing area in horizontal orientation (8f84c90), closes #​6083
• Page: make slot presence reactive for variant computation (082ea41)
• types: resolve isArrayOfArray type return (#​6097) (04292d9)
• useResizable: use function declaration to prevent false auto-import (c22ecf4)

v4.5.0

Compare Source

Features

• DashboardSidebar/Header: add autoClose prop (#​6089) (2663deb)
• EditorDragHandle: proxy nested / nestedOptions props and emit hover event (#​5960) (ed60193)
• Form: add HTML5 validation to programmatic submit (#​6002) (ed552fc)
• locale: add Belarusian language (#​5972) (ac9e7b3)
• module: add support for taupe / mauve / mist / olive neutral colors (#​6081) (bc49d3f)
• NavigationMenu: allow tooltip usage in horizontal orientation (#​5682) (f46b504)
• NavigationMenu: handle chip in items (#​6064) (401a2c0)
• ScrollArea: add skipMeasurement virtualize option (#​5721) (548b711)
• Select/SelectMenu: add hover effects on outline and subtle variants (94b0c31)
• Theme: new component (#​4387) (c97047d)
• Toaster: prevent duplicate toasts and add pulse animation (3f6581a)

Bug Fixes

• BlogPost/ChangelogVersion: use ImgHTMLAttributes type for image prop (#​6007) (0185856)
• ChatMessages: allow message props to override role defaults (#​6000) (f64ec17)
• ChatMessages: prevent flash at top before scrolling to bottom on mount (4bdcb83)
• Checkbox/Switch: prevent data-state conflict when used inside Tooltip (2bb1a8b), closes #​3599
• CheckboxGroup: update update:modelValue emit type (#​5927) (64d2e88)
• ColorModeImage: add baseURL support for public paths (#​6006) (db510f3)
• components: add fixed prop to prevent responsive text size reduction (#​6074) (8f5f44c)
• components: nullable and optional type support (#​6060) (cd3432b)
• components: prevent iOS auto-zoom on input fields with font-size below 16px (#​6040) (1262016)
• ContentNavigation: pass nested child data to slots (#​6043) (e67f77e)
• defineShortcuts: add alt key guard (#​6020) (8451f45)
• defineShortcuts: allow shifted special character shortcuts (08facc0)
• Drawer/Modal/Popover/Slideover: prevent unexpected close on touch when interacting with other overlays (#​5695) (e2c038c)
• Editor: handle placeholder in RTL mode (#​5977) (3cc16e3)
• EditorMentionMenu: use char prop as mention prefix instead of always @ (0b9b097), closes #​6035
• EditorToolbar: proxy size prop to dropdown menu (8f8d989)
• InputMenu/InputNumber/SelectMenu: proxy size to buttons (1ec1698), closes #​5958
• InputMenu/Select/SelectMenu: exclude cosmetic items from model value type (#​6044) (22cf1ea)
• InputMenu/SelectMenu: sort filtered items by match relevance (058c66b), closes #​4672
• InputMenu: prevent focus on trailing button (88073b6)
• module: update icon cssLayer option from components to base (#​6076) (e8bc322)
• NavigationMenu: allow clicking trailing slot in horizontal orientation (7f9996f), closes #​5192 #​6083
• NavigationMenu: unique auto-generated item values for grouped items (7b317d9)
• PricingPlan: truncate title (#​6041) (8e86c51)
• Select: remove useless by prop (14dceaf)
• Table: improve perfs with shallowRef when watch deep is disabled (#​6023) (bc06ce2)
• Toast: allow update to keep toast open and reset duration (82afa0a)
• Toast: improve animation smoothness (#​6065) (ee2c0a5)
• types: improve DotPathKeys accuracy and GetItemKeys performance (#​6077) (6f7af3e)
• useEditorMenu: rank filtered results by relevance (f53484a)

v4.4.0

Compare Source

Features

• Calendar: add weekNumbers prop (#​4555) (7a1a71b)
• ChangelogVersions: handle scroll options in indicator prop (#​5257) (6a925cd)
• CommandPalette/InputMenu/SelectMenu/Tree: handle virtualizer estimateSize as function (#​5748) (d51b424)
• CommandPalette: add input prop (#​5736) (12052e8)
• CommandPalette: add size prop (#​5878) (3ae04c6)
• components: add by prop (#​5906) (36cd5e5)
• components: add valueKey prop (#​5905) (55646ea)
• Editor: add placeholder.mode prop (d90acb3), closes #​5785
• Editor: add size prop in menus (#​5889) (571d50d)
• Editor: add taskList handler (#​5837) (db04197)
• Editor: add support for code inside links (2ed2d5d)
• Editor: handle boolean in image and mention props (b6fa83a), closes #​5820
• EditorMentionMenu: handle async search with ignoreFilter prop (#​5880) (f8d1883)
• InputMenu/Select/SelectMenu: expose viewportRef for infinite scroll (#​5836) (f4a945c)
• InputMenu/SelectMenu: add clear prop (#​5643) (ec6b8ec)
• Link: support custom navigate function in vue (#​5860) (f51e58a)
• ProseTd/ProseTh: handle align prop (859390e), closes #​5795
• Timeline/Stepper: add wrapper slot and fix dynamic slot conditions (#​5868) (8610d4d)
• Timeline: add select event (#​5826) (8e431be)

Bug Fixes

• Banner: isolate banner visibility using per-instance CSS variables (#​5751) (c7332eb)
• Banner: prevent XSS via id prop injection (4e334a0)
• CommandPalette/ContextMenu/DropdownMenu: keyboard selection on link items (3f5bdb3)
• CommandPalette: prevent XSS in search highlight (e12ceb6)
• ContentSurround: align next link to right on tablet without prev (#​5833) (b3adccc)
• defineShortcuts: check shift modifier for special character shortcuts (bd344d7), closes #​5911
• Editor: set contentType when updating value (c37d6f7), closes #​5709
• Editor: support all heading levels by default (3046c3e)
• EditorToolbar: prevent onClick from being called twice on items (cbed0cc), closes #​5784
• EditorToolbar: prevent disabled dropdown when items have no kind (d473f63)
• Error/Main: render as main instead of div (6ccb1f5)
• FileUpload: emit null when clearing file (#​5892) (1d9a2fd)
• FileUpload: keep input visible when preview is disabled with multiple files (597ac29), closes #​5875
• locale: improve cs and sk terminology for correct inflection (#​5789) (af6f288)
• module: only override primary color and md size default variants (f422de8)
• ProseCodeTree: prevent infinite update loop with expandAll prop (c79cb77), closes #​5828
• useOverlay: refine close event argument extraction (#​5775) (182af20)

v4.3.0

Compare Source

Features

• AuthForm: allow all input types (#​5565) (1f9009f)
• ContextMenu/DropdownMenu: expose sub prop on content slots (#​5609) (b09e6bc)
• defineShortcuts: add layoutIndependent option (#​4251) (ece0568)
• Editor: new component (#​5407) (38765c3)
• extractShortcuts: add separator option (#​5642) (4e71271)
• FormField: add orientation prop (#​5632) (b74ec6e)
• InputMenu/Select/SelectMenu: add modelModifiers prop (#​5559) (a92ee7b)
• locale: add Basque language (#​5689) (748d78f)
• locale: add English (United Kingdom) language (#​5561) (b0139f0)
• locale: add Lao language (#​5556) (f5f9885)
• module: generate [@source](https://redirect.github.com/source) for nuxt layers (#​5630) (de98a72)
• ProseCodeTree: add items prop (cb34ca5)
• ScrollArea: new component (#​5245) (effbb18)
• Slideover: add inset prop (05bd995)
• unplugin: add router option to disable router (#​5213) (b34cf8a)
• unplugin: add scanPackages option (#​5510) (4e57139)

Bug Fixes

• BlogPost/ChangelogVersion/PageFeature/User: allow tab focus (47d93d3), closes #​5635
• Carousel: consistent stopOnInteraction behavior (#​5489) (36a7861)
• Carousel: improve dots focus styles (cc90fb8)
• ColorModeButton: improve icon class merging (2ce9af2)
• ContentSearch/DasboardSearch: set full height on mobile to prevent jump (70317e5)
• DashboardResizeHandle: allow hover over panel with z-index (07147f1)
• EditorDragHandle: add missing UButton import (1b850bb)
• EditorToolbar: map dropdown items recursively to support kind (feb756d)
• FormField: hide error if error prop is false (#​5599) (6b7fe25)
• InputDate/InputTime: add missing field group variant (#​5596) (cb3cec2)
• PageCard/PageCTA/PageSection: handle reverse prop under lg screens (#​5545) (60b430c)
• ProseA/ProseCallout/ProseCard: improve focus styles (df5f8c2)
• Slider: add aria-label to thumb (#​5313) (f99ec46)
• Table: only forward necessary props (#​5527) (b0b209e)
• Table: properly position pinned columns based on size (e885b0e), closes #​4721 #​3927

v4.2.1

Compare Source

Bug Fixes

• ChatPromptSubmit: proxy event to stop and reload emits (#​5400) (736a547)
• ColorModeButton: missing icon import (5f30ccf), closes #​5486
• Icon: improve name type (#​5498) (b654a77)
• Link: define NuxtLinkProps instead of importing from #app (#​5491) (da8daaa)
• Link: ensure consistency across Nuxt, Vue and Inertia (a9ed10d), closes #​5012
• module: put back #build/ui.css alias (#​5499) (d9aadc7)

v4.2.0

Compare Source

⚠ BREAKING CHANGES

• components: consistent exposed refs (#​5385)
• module: properly export composables from module

Features

• components: add data-slot attributes (#​5447) (dd81d46)
• components: extend native HTML attributes (#​5348) (5b17751)
• FileUpload: add preview prop (#​5443) (2af82e7)
• InputDate: new component (#​5387) (dabc4f8)
• InputTime: new component (#​5302) (936253f)
• locale: add Albanian language (#​5461) (3331533)
• locale: add Galician language (#​5393) (e93bfd4)
• Modal: add scrollable prop (#​5306) (240897e)
• module: add theme.prefix option (#​5341) (7fca5d7)
• Table: handle virtualizer estimateSize as function (ebc8568)

Bug Fixes

• AuthForm: ensure header is shown with leading slot (#​5405) (b61127a)
• AuthForm: use password input id for aria-controls (#​5312) (55ea9be)
• ChatPrompt: proxy disabled prop (a8f2156), closes #​5300
• CheckboxGroup/RadioGroup/Switch: consistent disabled styles (ddd8faf), closes #​5391
• ColorModeButton: use css to display color mode icon (#​5394) (1d1c638)
• CommandPalette/ContentSearch: improve performances and filtering logic (#​5433) (e751b37)
• components: calc virtualizer estimateSize based on item description (56ae8e7)
• components: clean html attributes extend (fda3c98), closes #​5348
• components: consistent exposed refs (#​5385) (fce2df4)
• components: remove locale / dir props proxy (#​5432) (a6efa7a)
• ContentNavigation/NavigationMenu/Tabs: ensure proper badge display (e5c11e6)
• ContentSearchButton/DashboardSearchButton: hide label and trailing with css when collapsed (3e72bf8)
• FileUpload: ensure native validation works with required (#​5358) (eb491e1)
• Form: refine nested prop type handling and simplify logic (#​5360) (8d5c26f)
• inertia: set serverRendered dynamically to prevent SSR crash (#​5396) (c0da1b2)
• Input/InputNumber/Textarea: make modelModifiers generic (#​5361) (5c347af)
• InputMenu: prevent change event when selecting create item (418c87b), closes #​4664
• Link: partial extend for vue-router and inertia (637ef58)
• Marquee: move keyframes into global css (1e6242e)
• module: detect lazy components when using experimental.componentDetection (5a5ac45)
• module: properly export composables from module (cb25902), closes #​5370
• module: scan layers when using component detection (9872740), closes #​5389
• NavigationMenu: hide label and trailing with css when collapsed (f004031), closes #​4254
• NavigationMenu: proxy modelValue / defaultValue in vertical orientation (cffaaaa), closes #​5392
• ProseCallout: add inline-block class to icon (#​5317) (fc36f69)
• RadioGroup: update update:modelValue emit type (#​5349) (4cb0638)
• Table: apply styles to th based on column meta (#​5418) (620defa)
• types: export missing utils types (#​5448) (5f0a107)
• vite: write theme templates (#​5355) (411ebcc)
• vue: check import.meta.env.SSR to support vite-ssg (#​5347) (8f38c04)

v4.1.0

Compare Source

⚠ BREAKING CHANGES

• CommandPalette: add children-icon prop to use trailing-icon in input (#​4397)
• Table: consistent args order in select event

Features

• Calendar: add variant prop (#​5138) (bb4f42c)
• CommandPalette: add children-icon prop to use trailing-icon in input (#​4397) (edda8a6)
• CommandPalette: preserve group order in search results (#​5197) (38647a2)
• components: expose ui in slot props where used (#​5207) (63c0a5f)
• components: handle description in items (#​5193) (70cf05f)
• components: implement virtualization (#​5162) (c744d6f)
• Empty: new component (#​5200) (6a6de8d)
• InputNumber: handle increment / decrement as booleans (#​4805) (1858908)
• locale: add Croatian language (#​5293) (b84d67b)
• module: add experimental.componentDetection option (#​5222) (f80474c)
• Popover: add close method in slots (#​5176) (53c6508)
• ProseImg: improve zoom transition (#​4998) (d502c30)
• Tree: add global event handlers and checkbox example (#​5195) (84f87a5)
• Tree: expose $el for drag and drop example (#​5239) (fcf6117)
• Tree: provide additional slot props (#​5194) (c8b01c9)
• useToast: handle max global configuration (#​5068) (e4c6113)

Bug Fixes

• BlogPost/ChangelogVersion: allow any attrs inimage prop (9632f99), closes #​5276
• Breadcrumb: handle active in items (cc8cbf3), closes #​4771
• ChatMessage: ensure left side takes full width (af8c023)
• ChatMessage: only apply max-width on right side (a85b0e1)
• ChatMessage: reset top and bottom margin (8f9176c)
• ChatMessages: allow user scroll with should-auto-scroll (#​5252) (db73765)
• ChatMessages: define user & assistant ui prop type (#​5234) (240bc1a)
• CodeTree/Tree: restore item wrapper with presentation role (70aaf4a), closes #​4945
• CommandPalette/ContextMenu/DropdownMenu: ensure items truncate work (9d13653)
• components: add missing ui prop in prose proxy components (#​5205) (d1afe90)
• ContentSearch: de-duplicate description and suffix (8a259e4)
• ContextMenu/DropdownMenu: allow item content class override (ab5032d), closes #​5277
• Drawer/Modal/Slideover: remove close autofocus prevent (#​5191) ([8099440](https://redirect.github.com/nuxt/ui/commit/80994401c6ca8

---

Configuration

📅 Schedule: (UTC)

• Branch creation
  • "on Monday"
• Automerge
  • At any time (no schedule defined)

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
nuxt.new	Error		Apr 24, 2026 5:23pm

[vercel]

Additional Suggestion:

The popover configuration using the popper key is incompatible with @nuxt/ui v4, which switched from Popper.js to Floating UI. This configuration needs to be updated to use the new Floating UI API.

View Details

📝 Patch Details

diff --git a/app/app.config.ts b/app/app.config.ts
index b076b95..1fe68f4 100644
--- a/app/app.config.ts
+++ b/app/app.config.ts
@@ -24,10 +24,5 @@ export default defineAppConfig({
         md: 'text-base px-2 py-1',
       },
     },
-    popover: {
-      popper: {
-        placement: 'bottom-start',
-      },
-    },
   },
 })

Analysis

Incompatible popover configuration in app.config.ts for Nuxt UI v4

What fails: TypeScript compilation error in app/app.config.ts line 28: the popper key is not recognized by Nuxt UI v4's popover component schema

How to reproduce:

pnpm install
pnpm run build

Result:

app/app.config.ts(28,7): error TS2353: Object literal may only specify known properties, and 'popper' does not exist in type '{ slots?: { content?: ClassNameValue; arrow?: ClassNameValue; } | undefined; } & { compoundVariants?: ... }'.

Expected: Build should complete successfully. The popper key was specific to Nuxt UI's old Popper.js integration. Nuxt UI v4 migrated to Floating UI and no longer supports the popper configuration in app.config.

Per Nuxt UI v4 Popover documentation, positioning options like placement should be configured via the component's content prop (e.g., ), not in app.config. The app.config.ui.popover section should only contain styling via slots properties.

Fix: Removed the popper configuration block from app/app.config.ts lines 27-31. The default Floating UI positioning (side: 'bottom', align: 'start') matches the previous bottom-start placement, so no functionality is lost.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​nuxt/​ui@​2.22.3 ⏵ 4.7.0	-1		+3	+2

View full report