\n \u003C/div>\n \u003Ctemplate #content>\n ...\n \u003C/template>\n \u003C/UPopover>\n```\n\nDid I do something wrong?\nPlease help me.\nThanks\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3188,3189,3192,3193,3194],{"name":3146,"color":3147},{"name":3190,"color":3191},"needs reproduction","CB47CF",{"name":3149,"color":3150},{"name":3152,"color":3153},{"name":3195,"color":3196},"closed-by-bot","ededed",3303,"open Popover manually","2025-03-25T02:04:46Z","https://github.com/nuxt/ui/issues/3303",0.6829989,{"description":3203,"labels":3204,"number":3206,"owner":3155,"repository":3156,"state":3180,"title":3207,"updated_at":3208,"url":3209,"score":3210},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v20.14.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.7.1\r\n- Builder: -\r\n- User Config: runtimeConfig, extends, modules, ui, colorMode, routeRules, devtools, typescript, future, eslint, nitro, i18n, compatibilityDate\r\n- Runtime Modules: @nuxt/eslint@0.5.0, @nuxt/fonts@0.7.1, @nuxt/ui@2.18.4, @vueuse/nuxt@10.11.0, @nuxtjs/i18n@8.5.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Version\r\n\r\nPro 1.4.1\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-u6tm1b?file=app.vue\r\n\r\n### Description\r\n\r\nWhen using a `v-model` prop with some initial object values (such as fetched already selected data from backend), the `\u003CUSelectMenu>` component doesn't show these as selected and seems to ignore them completely.\r\n\r\nEven when selecting the same objects again, it just seems to add them to the array and disregard anything, that was there previously.\r\n\r\n### Additional context\r\n\r\nThe behaviour changes when setting the `by` prop. In my case, I set it to `id`, after which I can see the object as selected, **but only** in the dropdown.\r\nThis also allows me to edit the data as normal. (Select/Deselect)\r\nHowever the button itself still shows `0 selected`.\r\n\r\n### Logs\r\n\r\n_No response_",[3205],{"name":3146,"color":3147},2086,"SelectMenu ignoring initial object values","2024-11-12T17:12:26Z","https://github.com/nuxt/ui/issues/2086",0.6890891,{"description":3212,"labels":3213,"number":3217,"owner":3155,"repository":3156,"state":3180,"title":3218,"updated_at":3219,"url":3220,"score":3221},"### 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```",[3214,3215,3216],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},3719,"Toast does not always dispose","2025-04-02T07:18:01Z","https://github.com/nuxt/ui/issues/3719",0.6932713,{"description":3223,"labels":3224,"number":3231,"owner":3155,"repository":3155,"state":3180,"title":3232,"updated_at":3233,"url":3234,"score":3235},"Hi. We have various issues reported for `scrollBehavior` not behaving as desired. Maybe use-cases differ but almost all of them are related to the same known issue and we are aware and plan to help fixing it. Please don't make/reopen duplicated issues as there is enough info about the problem.It just makes the process harder. As of always contributions and PRs are appreciated to both `vue-router` and `nuxt` for possible fixes.\r\n\r\n### vue-router\r\n- Handle scrollBehaviour with transitions (vuejs/vue-router#1263)\r\n- Another detail of scrollBehavior wrapped in transition(vuejs/vue-router#1373)\r\n- scrollBehavior doesn't work for initial route in Firefox (vuejs/vue-router#1585)\r\n- Need a way to set what scroll position is saved (vuejs/vue-router#1187)\r\n- Navigating back should retain the scroll position. (vuejs/vue-router#1669)\r\n- Support parent container for scroll behavior (vuejs/vue-router#1249)\r\n- Calcurated scroll position is incorrect in some browser with animation (vuejs/vue-router#1530)\r\n\r\n\r\n### Issues\r\n- Strange behavior in Firefox browser when page transition (#1373)\r\n- What causes a glitch when page transition in Firefox? (#1002)\r\n- Delayed scroll top possible? (#1355)\r\n- ScrollBehavior: Fires too early (#1036)\r\n- Navigating back should retain the scroll position. (#1182)\r\n\r\n### Reproductions\r\n\r\n- https://github.com/krestaino/scroll-position-nuxt (@krestaino, #1182)\r\n- http://jsfiddle.net/qw4hbgek (@posva, vuejs/vue-router#1263)\r\n- http://jsfiddle.net/xctnu8r3/2 (@nickforddesign , vuejs/vue-router#1373)\r\n- https://github.com/vuejs/vue-router/tree/dev/examples/scroll-behavior (@hworld, vuejs/vue-router#1585)\r\n- http://codepen.io/brad426/pen/pezRge (@brad426)\r\n\r\n\r\n### Misc\r\n- https://nuxtjs.org/faq/css-flash\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1219\">#c1219\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3225,3228],{"name":3226,"color":3227},"available soon","6de8b0",{"name":3229,"color":3230},"2.x","d4c5f9",1376,"scrollBehavior Glitches","2023-01-18T15:41:42Z","https://github.com/nuxt/nuxt/issues/1376",0.6974094,{"description":3237,"labels":3238,"number":3241,"owner":3155,"repository":3156,"state":3180,"title":3242,"updated_at":3243,"url":3244,"score":3245},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: bun@1.1.33\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n neutral: \"zinc\",\n primary: \"rose\",\n },\n button: {\n compoundVariants: [\n {\n color: \"neutral\",\n variant: \"outline\",\n class:\n \"ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg)] hover:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg)] aria-disabled:bg-[var(--ui-bg)] focus-visible:ring-2 focus-visible:ring-[var(--ui-border-inverted)]\",\n },\n ],\n },\n },\n});\n```\n\n```\nType '{ color: \"neutral\"; variant: \"outline\"; 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: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n Index signature for type 'string' is missing in type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]'.ts(2322)\n```\n\n### Description\n\nHi :) I am getting type errors when using `compoundVariant`. \n\nFor example, here is my `app.config.ts`:\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n neutral: \"zinc\",\n primary: \"rose\",\n },\n button: {\n compoundVariants: [\n {\n color: \"neutral\",\n variant: \"outline\",\n class:\n \"ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg)] hover:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg)] aria-disabled:bg-[var(--ui-bg)] focus-visible:ring-2 focus-visible:ring-[var(--ui-border-inverted)]\",\n },\n ],\n },\n },\n});\n```\n\nI am getting the following type error for `compoundVariants`:\n```\nType '{ color: \"neutral\"; variant: \"outline\"; 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: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n Index signature for type 'string' is missing in type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]'.ts(2322)\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3239,3240],{"name":3146,"color":3147},{"name":3149,"color":3150},2481,"Type error on `compoundVariants`","2024-10-28T21:43:49Z","https://github.com/nuxt/ui/issues/2481",0.70493376,{"description":3247,"labels":3248,"number":3251,"owner":3155,"repository":3156,"state":3180,"title":3252,"updated_at":3253,"url":3254,"score":3255},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.16.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.1\n- Builder: -\n- User Config: devtools, compatibilityDate, modules, app, css, colorMode, svgSprite, future, imports, runtimeConfig, ssr\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.13, @nuxt/eslint@1.1.0, @nuxt/icon@1.10.3, @nuxtjs/svg-sprite@1.0.2, @nuxt/image@1.9.0, @vueuse/nuxt@12.7.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\n### Description\n\n### Help Nuxt ui 3 table not reactive\n\nWhen I click the button, the table doesn't update. However, when I print the array object, the data is added, but the table still does not update\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\nThank you for help\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3249,3250],{"name":3146,"color":3147},{"name":3149,"color":3150},3377,"UI Table is not reactive","2025-02-27T21:19:42Z","https://github.com/nuxt/ui/issues/3377",0.70565605,{"description":3257,"labels":3258,"number":3261,"owner":3155,"repository":3156,"state":3180,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### Description\n\nHello, I just wanted to overwrite shadow-sm with another shadow in the card root slot.\nBut I failed to do so. I tried the :ui way and the app.config.ts way but in both cases the new class \"shadow-card\" ended up BEHIND \"shadow-sm\".\n\n```\n card: {\n slots: {\n root: \"shadow-card\",\n },\n },\n```\n\nSo shadow-card always gets overwritten by shadow-sm cause the code always ends up like this:\n```\n\u003Cdiv class=\"bg-[var(--ui-bg)] ring ring-[var(--ui-border)] divide-y divide-[var(--ui-border)] rounded-[calc(var(--ui-radius)*2)] shadow-sm shadow-card\">\n```\n\nso how can I overwrite shadow-sm here?",[3259,3260],{"name":3166,"color":3167},{"name":3149,"color":3150},2936,"Overwrite css classes of slots","2025-01-08T16:26:22Z","https://github.com/nuxt/ui/issues/2936",0.7060357,["Reactive",3267],{},["Set"],["ShallowReactive",3270],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f_NX-4Eg4scSHpUEOJkl_GXsWHBPA4Q5MLZFt7eBjMiA":-1},"/nuxt/ui/2536"]