The Sidebar component provides a responsive application sidebar that stays fixed on desktop and transforms into a Modal , Slideover , or Drawer on mobile. It supports three visual variants (sidebar, floating, inset) and three collapsible modes (offcanvas, icon, none):
< template >
< USidebar v-model : open = " open " collapsible = " icon " >
< template # header >
< Logo />
</ template >
< UNavigationMenu : items = " items " />
< template # footer >
< UserMenu />
</ template >
</ USidebar >
</ template >
We're introducing 3 new components to build richer AI chat interfaces:
ChatReasoning ChatTool ChatShimmer These components integrate seamlessly with the AI SDK message parts:
< template >
< UChatMessages : messages = " messages " : status = " status " >
< template # content = " { message } " >
< template v-for = " (part , index) in message . parts " : key = " index " >
< UChatReasoning
v-if = " isReasoningUIPart ( part ) "
: text = " part . reasoning "
: streaming = " isReasoningStreaming ( message , index , chat ) "
/>
< UChatTool
v-else-if = " isToolInvocationUIPart ( part ) "
: text = " part . toolInvocation . toolName "
: streaming = " isToolStreaming ( part ) "
/>
< MDC v-else-if = " isTextUIPart ( part ) " : value = " part . text " />
</ template >
</ template >
</ UChatMessages >
</ template >
module: use moduleDependencies to manipulate options (#5384)This release adopts Nuxt's new moduleDependencies API to declaratively manage sub-module dependencies (@nuxt/icon, @nuxt/fonts, @nuxtjs/color-mode, @nuxtjs/mdc) instead of manually installing them at runtime. This requires Nuxt >= 4.1.0 .
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 )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 )Avatar: use resolved size for image width/height (#6008 ) (6dd0fc4 )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 )locale: add Icelandic language (#6149 ) (f3ddc60 )@leonardocustodio made their first contribution in https://github.com/nuxt/ui/pull/6125 @SveinnB made their first contribution in https://github.com/nuxt/ui/pull/6149 @caiotarifa made their first contribution in https://github.com/nuxt/ui/pull/6194 @0xA1337 made their first contribution in https://github.com/nuxt/ui/pull/6115 @adamgreenhall made their first contribution in https://github.com/nuxt/ui/pull/6199 @dropdead619 made their first contribution in https://github.com/nuxt/ui/pull/6100 @SusithD made their first contribution in https://github.com/nuxt/ui/pull/6122 @howwohmm made their first contribution in https://github.com/nuxt/ui/pull/6226 Full Changelog : https://github.com/nuxt/ui/compare/v4.5.1...v4.6.0