\n```\n\n**Possible solutions:**\n\n1. Make a new label prop that accepts a function, so values can be compound:\n\n```ts\n\u003CUSelectMenu :label=\"(item) => item.firstName + ' ' + item.lastName\"\n```\n\n2. Optionally make a slot to customize the labels: \n```vue\n\u003CUSelectMenu>\n \u003Ctemplate #label=\"{ item }\">\n {{ item.firstName }} \u003Cspan class=\"text-highlighted\">{{ item.lastName}}\u003C/span>\n \u003Cspan class=\"text-xs text-muted\">#{{ item.customerId }}\u003C/span>\n \u003C/template>\n\u003C/USelectMenu>\n```\n\nP.S. the prop `labelKey` is not documented https://ui.nuxt.com/components/select-menu#props\n",[3145,3148,3151],{"name":3146,"color":3147},"enhancement","a2eeef",{"name":3149,"color":3150},"v3","49DCB8",{"name":3152,"color":3153},"triage","ffffff",4581,"nuxt","ui","open","SelectMenu: Compound label","2025-07-23T16:38:06Z","https://github.com/nuxt/ui/issues/4581",0.70575356,{"description":3163,"labels":3164,"number":3168,"owner":3155,"repository":3156,"state":3157,"title":3169,"updated_at":3170,"url":3171,"score":3172},"### Description\n\nWhen using `multiple` with `USelectMenu` selected items can be deselected again. But when not having `multipe` option this is not the case. The select goes from undefined to a value and then can never become undefined again (without an external button).\n\nI would propose to add a new prop that allows values to be deselected, so the model becomes undefined again.\n\n### Additional context\n\n_No response_",[3165,3166,3167],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4647,"`USelectMenu`: Allow deselection of items","2025-08-02T13:00:23Z","https://github.com/nuxt/ui/issues/4647",0.73002374,{"description":3174,"labels":3175,"number":3179,"owner":3155,"repository":3156,"state":3157,"title":3180,"updated_at":3181,"url":3182,"score":3183},"### Description\n\nOptions in `SelectMenu` might need a description below the title e.g. like the watch dropdown on github:\n\n\u003Cimg width=\"362\" height=\"378\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/78093701-742b-49ad-8b60-e26435a3bca5\" />\n\nIt can be worked around using `item-label` slot, but it would be nice if developer can use `items` props only to implement it for simpler way.\n\nBelow, I have tried to create it using Reka UI `combobox` component, the component used by SelectMenu.\n\n\u003Cimg width=\"329\" height=\"460\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e5cda771-3f8e-4369-bb3b-d5159f84d425\" />\n\n### Additional context\n\n_No response_",[3176,3177,3178],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4661,"SelectMenu: add description props to show text below title","2025-08-06T02:19:32Z","https://github.com/nuxt/ui/issues/4661",0.7321544,{"description":3185,"labels":3186,"number":3194,"owner":3155,"repository":3156,"state":3195,"title":3196,"updated_at":3197,"url":3198,"score":3199},"### Description\n\nIt seems that the `\u003CUSelect>` component ignores the `placeholder` attribute value whenever `displayedModelValue` is an empty string [here](https://github.com/nuxt/ui/blob/a32cc37f7392499ab02558e4d58b46195f7ffad4/src/runtime/components/Select.vue#L290). Isn't this supposed to check for an empty string as well?",[3187,3190,3193],{"name":3188,"color":3189},"duplicate","cfd3d7",{"name":3191,"color":3192},"question","d876e3",{"name":3149,"color":3150},4768,"closed","USelect ignores placeholder attribute value","2025-08-27T08:57:40Z","https://github.com/nuxt/ui/issues/4768",0.7311449,{"description":3201,"labels":3202,"number":3211,"owner":3155,"repository":3156,"state":3195,"title":3212,"updated_at":3213,"url":3214,"score":3215},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: yarn@4.1.1\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Version\n\n2.8\n\n### Reproduction\n\nvisible even on the docs page \n\n### Description\n\nWhen there is no value set for select, the placeholder is displayed (if set).\r\nIn such case, when options are displayed their labels are \"muted\" - looks like disabled ones.\r\n\r\n\r\nOnce any option is picked, their color change to \"proper\" one.\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3203,3206,3209],{"name":3204,"color":3205},"bug","d73a4a",{"name":3207,"color":3208},"closed-by-bot","ededed",{"name":3210,"color":3208},"stale",1757,"USelect with placeholder display options with missleading color","2025-06-19T02:12:33Z","https://github.com/nuxt/ui/issues/1757",0.73455054,{"description":3217,"labels":3218,"number":3222,"owner":3155,"repository":3156,"state":3195,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### Description\n\nHow can I change the options of a Uselect to RTL?\n\n\n### Additional context\n\n_No response_",[3219,3220,3221],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},3663,"USelect rtl direction","2025-05-10T17:03:39Z","https://github.com/nuxt/ui/issues/3663",0.7368398,{"description":3228,"labels":3229,"number":3233,"owner":3155,"repository":3155,"state":3195,"title":3234,"updated_at":3235,"url":3236,"score":3237},"### Environment\n\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\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-u6tm1b?file=app.vue\n\n### Describe the bug\n\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.\n\n### Additional context\n\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\nThe button itself still shows `0 selected`.\n\n### Logs\n\n_No response_",[3230],{"name":3231,"color":3232},"pending triage","E99695",28733,"SelectMenu initial object values","2024-08-28T03:27:34Z","https://github.com/nuxt/nuxt/issues/28733",0.74020153,{"description":3239,"labels":3240,"number":3243,"owner":3155,"repository":3156,"state":3195,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.19.2\n- Nuxt Version: -\n- CLI Version: 3.28.0\n- Nitro Version: -\n- Package Manager: npm@10.8.2\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### Package\n\nv3.x\n\n### Version\n\nv3.3.3\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-mj4wqh54?file=app%2Fpages%2Findex.vue\n\n### Description\n\nWhen using `InputMenu`, `Select` or `SelectMenu`, if the `modelValue` is `null` (or another falsy value) and an option with this value exists, its `label` is not displayed.\n\n**Expected behavior**:\nIf an option with a `null` (or falsy) value is present in the `options`, its `label` should be displayed when selected.\n\n**Example**:\n\n```vue\n\u003CUSelect\n v-model=\"value\"\n :items=\"[\n { name: '- Tout -', slug: null },\n { name: 'Sport', slug: 'sport' },\n { name: 'Culture', slug: 'culture' },\n ]\"\n value-key=\"slug\"\n label-key=\"name\"\n />\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3241,3242],{"name":3204,"color":3205},{"name":3149,"color":3150},4869,"InputMenu/Select/SelectMenu: show falsy label when model value is falsy","2025-09-08T12:42:34Z","https://github.com/nuxt/ui/issues/4869",0.7450127,{"description":3249,"labels":3250,"number":3253,"owner":3155,"repository":3254,"state":3195,"title":3255,"updated_at":3256,"url":3257,"score":3258},"- [ ] `CMD + .` to expand\n- [ ] `Escape` to reduce when expanded",[3251],{"name":3146,"color":3252},"1ad6ff",658,"nuxt.com","[Project] Add shortcuts for preview modal","2023-02-15T12:32:42Z","https://github.com/nuxt/nuxt.com/issues/658",0.7457165,{"description":3260,"labels":3261,"number":3253,"owner":3155,"repository":3267,"state":3195,"title":3268,"updated_at":3269,"url":3270,"score":3258},"### Environment\r\n\r\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-ctgbhq?file=src%2Ftests%2Findex.test.ts\r\n\r\n### Describe the bug\r\n\r\nHi! After migration from nuxt-vitest to this repo, we founded that all imports mocks were broken. \r\nWe used this [example](https://github.com/danielroe/nuxt-vitest#mocknuxtimport) and it worked perfectly in nuxt-vitest and previous versions. \r\n\r\nThe problem is that the mock works correctly inside the test, but it doesn't seem to apply inside the function. useRoute().params is defined inside the test, but in function - undefined. \r\n\r\n```\r\ntest('get params', () => {\r\n expect(useFoo()).toBeFalsy(); //correct\r\n const params = {\r\n id: '11312424',\r\n };\r\n useRouteMock.mockImplementation(() => {\r\n return { query: {}, path: '/', params };\r\n });\r\n\r\n //here useRoute().params - object (!) \r\n\r\n expect(useFoo()).not.toBeFalsy(); //here useRoute().params - undefined and result for test - false \r\n });\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3262,3265],{"name":3263,"color":3264},"vitest-environment","b60205",{"name":3231,"color":3266},"5D08F5","test-utils","After upgrading to new version imports mocks broke","2024-01-28T11:28:53Z","https://github.com/nuxt/test-utils/issues/658",["Reactive",3272],{},["Set"],["ShallowReactive",3275],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fSjHQ0TSqmsHAl40B5EQrWUcHVtlMMxuqmYxeOeK1tig":-1},"/nuxt/ui/4157"]