\n\n\u003Cimg width=\"428\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7f2bf278-8b13-4d8b-84ec-beb29d9036bb\" />\n\nI couldnt reproduce in a fresh project, but my project is pretty clean still with no customizations. Might have something to do with the css order?\n",[3033,3034],{"name":3020,"color":3021},{"name":3035,"color":3036},"v3","49DCB8",2926,"v3: Icon size gets overwritten by icon's width/height","2024-12-29T11:55:14Z","https://github.com/nuxt/ui/issues/2926",0.71913016,{"labels":3043,"number":3050,"owner":3023,"repository":3023,"state":3025,"title":3051,"updated_at":3052,"url":3053,"score":3054},[3044,3047],{"name":3045,"color":3046},"3.x","29bc7f",{"name":3048,"color":3049},"pending triage","E99695",14189,"Does not work scroll","2023-01-19T17:32:47Z","https://github.com/nuxt/nuxt/issues/14189",0.72030085,{"description":3056,"labels":3057,"number":3060,"owner":3023,"repository":3024,"state":3025,"title":3061,"updated_at":3062,"url":3063,"score":3064},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: devtools, typescript, css, compatibilityDate, devServer, vite, runtimeConfig, app, ui, modules\n- Runtime Modules: @nuxt/ui@3.0.1, @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/blue-wildflower-wkjpcz\n\n### Description\n\nI don't know if this issue is related to this one : https://github.com/nuxt/ui/issues/3660\n\nWhen I selects items the `@change` is triggered as expected, but when I remove items it's never triggered (while `modelValue` is updated as intended).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3058,3059],{"name":3020,"color":3021},{"name":3035,"color":3036},3756,"InputMenu multiple doesn't emit change on item removal","2025-03-31T19:14:47Z","https://github.com/nuxt/ui/issues/3756",0.7220194,{"description":3066,"labels":3067,"number":3073,"owner":3023,"repository":3024,"state":3025,"title":3074,"updated_at":3075,"url":3076,"score":3077},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.8\n- Package Manager: npm@10.5.0\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future\n- Runtime Modules: @nuxt/ui@3.0.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/white-butterfly-699yhh\n\n### Description\n\n1. Open the modal via the open button\n2. Open toast(s) via the open button\n3. click modal overlay to dispose it \n4. click any toast (dont click close button)\n5. mouse leave does not count down toasts anymore (click outside does enable countdown again) \n\n---------\nYou can also do this programmatically by closing the modal while adding toasts.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3068,3069,3070],{"name":3020,"color":3021},{"name":3035,"color":3036},{"name":3071,"color":3072},"triage","ffffff",3719,"Toast does not always dispose","2025-04-02T07:18:01Z","https://github.com/nuxt/ui/issues/3719",0.7307568,{"description":3079,"labels":3080,"number":3083,"owner":3023,"repository":3024,"state":3025,"title":3084,"updated_at":3085,"url":3086,"score":3087},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v21.5.0\n- Nuxt Version: -\n- CLI Version: 3.16.0\n- Nitro Version: -\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nNo production link yet\n\n### Description\n\nThe `title` slot should return the item's title instead of active item's title.\n\nUsage:\n```javascript\n\u003CUStepper\n ref=\"stepper\"\n v-model=\"activeStep\"\n :items=\"items\"\n >\n \u003Ctemplate #title=\"{ item }\">\n \u003Ch2>{{ item.title }}\u003C/h2>\n \u003C/template>\n.....\n\u003C/UStepper>\n```\n\n\n\n### Additional context\n\nInstead of `Project` to be returned in every steps, I would like to display each item's title.\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[3081,3082],{"name":3020,"color":3021},{"name":3035,"color":3036},2888,"UStepper - \"title\" slot is returning the active step's title instead of item's title","2024-12-12T23:04:45Z","https://github.com/nuxt/ui/issues/2888",0.73263127,{"description":3089,"labels":3090,"number":3093,"owner":3023,"repository":3024,"state":3025,"title":3094,"updated_at":3095,"url":3096,"score":3097},"### Description\n\nHi,\n\nhere in the first form in nuxtui2\nhttps://ui.nuxt.com/components/form \nthe behaviour is that the input field is validated after the blur. If there is an error and I correct it, the error is fixed immediately.\n\nIn v3 the behaviour is different. I have seen the prop validateOn so I can change it to blur, but not like first onBlur and then onInput like in v2.\n\nbest,\ngregor",[3091,3092],{"name":3020,"color":3021},{"name":3035,"color":3036},3006,"How can I get the same form validation behaviour as in v2?","2025-01-06T17:48:11Z","https://github.com/nuxt/ui/issues/3006",0.7330315,{"description":3099,"labels":3100,"number":3103,"owner":3023,"repository":3024,"state":3025,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.11.1\n- Nuxt Version: 3.14.0\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.2\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.7\n- Build Modules: -\n------------------------------\n\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\nhttps://github.com/some-user123/nuxt-ui-3-typeerrors\n\n### Description\n\nAfter adding this `app.config.ts` to a plain project, type errors occur:\n\n```ts\n// app.config.ts\nexport default defineAppConfig({\n ui: {\n button: {\n slots: {\n base: 'font-normal'\n },\n variants: {\n size: {\n lg: 'px-4 py-2',\n }\n },\n compoundVariants: [\n {\n color: 'error',\n variant: 'link',\n class: 'text-lg'\n }\n ]\n },\n dropdownMenu: {\n variants: {\n active: {\n false: 'data-highlighted:before:bg-red-500',\n }\n }\n }\n }\n})\n```\n\n```\n$ npx nuxi typecheck\napp.config.ts:5:17 - error TS2322: Type 'string' is not assignable to type 'DeepPartial\u003Cstring[], string>'.\n Type 'string' is not assignable to type '(string | undefined)[]'.\n\n5 base: 'font-normal'\n ~~~~\n\napp.config.ts:9:21 - error TS2322: Type 'string' is not assignable to type 'DeepPartial\u003C{ base: string; leadingIcon: string; leadingAvatarSize: string; trailingIcon: string; }, string>'.\n Type 'string' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n\n9 lg: 'px-4 py-2',\n ~~\n\napp.config.ts:12:13 - error TS2322: Type '{ color: \"error\"; variant: \"link\"; class: string; }[]' is not assignable to type 'DeepPartial\u003C({ color: \"primary\"; variant: \"solid\"; class: string; size?: undefined; square?: undefined; loading?: undefined; leading?: undefined; trailing?: undefined; } | { color: \"secondary\"; variant: \"solid\"; ... 5 more ...; trailing?: undefined; } | ... 46 more ... | { ...; })[], string>'.\n Type '{ color: \"error\"; variant: \"link\"; class: string; }[]' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n Index signature for type 'string' is missing in type '{ color: \"error\"; variant: \"link\"; class: string; }[]'.\n\n12 compoundVariants: [\n ~~~~~~~~~~~~~~~~\n\napp.config.ts:23:21 - error TS2322: Type 'string' is not assignable to type 'DeepPartial\u003C{ item: string[]; itemLeadingIcon: string[]; }, string>'.\n Type 'string' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n\n23 false: 'data-highlighted:before:bg-red-500',\n ~~~~~\n\n```\n\n\n### Additional context\n\n(There are actually more type errors, see #2532. Above errors occur in addition.)\n\n### Logs\n\n_No response_",[3101,3102],{"name":3020,"color":3021},{"name":3035,"color":3036},2536,"Type errors in app.config.ts","2024-12-06T23:55:12Z","https://github.com/nuxt/ui/issues/2536",0.7332667,{"description":3109,"labels":3110,"number":3116,"owner":3023,"repository":3023,"state":3025,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v19.1.0`\r\n- Nuxt Version: `3.1.1`\r\n- Nitro Version: `2.1.0`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `runtimeConfig`, `pages`, `modules`, `plugins`, `build`, `googleFonts`, `i18n`, `strapi`, `vite`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.3.0`, `@nuxtjs/google-fonts@3.0.0-1`, `@nuxtjs/strapi@1.7.1`, `@nuxtjs/i18n@8.0.0-beta.9`\r\n- Build Modules: `-`\n\n### Reproduction\n\nSimply add normal `\u003CNuxtLink :to\"newPage\">\u003C/NuxtLink>` or in my situation with i18n :\r\n`\u003CNuxtLink :to=\"localePath({ name: newPage })\">\u003C/NuxtLink>`\n\n### Describe the bug\n\nHi,\r\nI know this was already added in bugs, but none of solutions I found here worked for me...\r\nWhen clicking a classical NuxtLink, page does not scroll to top.\r\n\r\nSolutions I found and tried but not working :\r\n\r\nPlugin use : `/plugins/router.ts`\r\n```\r\nimport { defineNuxtPlugin } from \"#app\";\r\n\r\nexport default defineNuxtPlugin((nuxtApp) => {\r\n nuxtApp.$router.options.scrollBehavior = () => {\r\n return { left: 0, top: 0 };\r\n };\r\n});\r\n```\r\n\r\nMiddleware use : `/middleware/route.global.ts`\r\n```\r\nexport default defineNuxtRouteMiddleware((to, from) => {\r\n useNuxtApp().hook(\"page:finish\", () => {\r\n if (history.state.scroll) {\r\n setTimeout(() => window.scrollTo(history.state.scroll), 0);\r\n } else {\r\n setTimeout(() => window.scrollTo(0, 0), 0);\r\n }\r\n });\r\n});\r\n```\r\n\r\nAnd finally router options use : `/app/router.options.ts`\r\n```\r\nimport type { RouterConfig } from \"@nuxt/schema\";\r\n\r\nexport default \u003CRouterConfig>{\r\n scrollBehavior(to, _from, savedPosition) {\r\n return new Promise((resolve, _reject) => {\r\n setTimeout(() => {\r\n if (savedPosition) {\r\n resolve(savedPosition);\r\n } else {\r\n if (to.hash) {\r\n resolve({\r\n el: to.hash,\r\n top: 80,\r\n });\r\n } else {\r\n resolve({ top: 0 });\r\n }\r\n }\r\n }, 100);\r\n });\r\n },\r\n};\r\n```\r\n\r\nor :\r\n\r\n```\r\nimport type { RouterOptions } from \"@nuxt/schema\";\r\n\r\nexport default \u003CRouterOptions>{\r\n scrollBehavior(to, from, savedPosition) {\r\n if (savedPosition) {\r\n return savedPosition;\r\n } else {\r\n return {\r\n top: 0,\r\n behavior: \"smooth\",\r\n };\r\n }\r\n return { top: 0 };\r\n },\r\n};\r\n```\r\n\r\nNon of these solutions are working and page never goes top after nuxt link click.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3111,3112,3113],{"name":3045,"color":3046},{"name":3048,"color":3049},{"name":3114,"color":3115},"needs reproduction","FBCA04",19239,"Nuxt Link does not scroll to top on new page...","2024-02-22T11:09:53Z","https://github.com/nuxt/nuxt/issues/19239",0.7348283,{"description":3122,"labels":3123,"number":3127,"owner":3023,"repository":3024,"state":3025,"title":3128,"updated_at":3129,"url":3130,"score":3131},"### Environment\n\n- Nuxt version: `v.3.2.0`\n- Vue version: `v3.5.17`\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.2.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/thirsty-snow-722czt?file=%2Fsrc%2FApp.vue&workspaceId=ws_An7GtePWxuFz84S5Ko1Dey\n\n### Description\n\n## Vue 3 + NuxtUI Pro: Components Not Working After Page Reload\n\nHello,\n\nI am using Vue 3 together with NuxtUI Pro during development. I have been trying to solve this issue for 2 days but unfortunately, I still haven’t found a solution.\n\n**Problem Summary:** \nWhen I modify the code on the page, everything works correctly with *hot module replacement* (HMR). However, when I fully reload the page (`F5`), the components do not render or work as expected.\n\nHere is the relevant template code:\n\n```vue\n\u003Ctemplate>\n \u003CUApp>\n \u003CUDashboardGroup>\n \u003CUDashboardSidebar \n collapsible\n resizable \n >\n \u003C/UDashboardSidebar>\n \n \u003CUDashboardPanel>\n \n \u003Ctemplate #header>\n \u003CUDashboardNavbar title=\"RİDES\" icon=\"i-lucide-house\">\n \u003Ctemplate #leading>\n \u003CUDashboardSidebarCollapse variant=\"subtle\" />\n \u003C/template>\n \u003C/UDashboardNavbar>\n \u003C/template>\n \n \u003Ctemplate #body>\n \u003CRouterView />\n \u003C/template>\n \n \u003C/UDashboardPanel>\n \u003C/UDashboardGroup>\n \u003C/UApp>\n\u003C/template>",[3124,3125,3126],{"name":3020,"color":3021},{"name":3035,"color":3036},{"name":3071,"color":3072},4487,"Sidebar not collapsed after page reload [with Vite + Vue3 + Nuxtui Pro Development mode]","2025-07-08T12:17:31Z","https://github.com/nuxt/ui/issues/4487",0.736115,["Reactive",3133],{},["Set"],["ShallowReactive",3136],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJ72FBQXXgoJ6o3sqjW9M3EGk0MCVFErg1auMPmZ9HfI":-1},"/nuxt/ui/3426"]