\n// will trigger typescript error on v-model\n\u003CUSelectMenu\n v-model=\"memberForm.user\"\n :items=\"addableUsers\"\n label-key=\"email\"\n :value-key=\"undefined\"\n/>\n// will work but i need to handle label display manually using slot\n\u003CUSelectMenu\n v-model=\"memberForm.user\"\n :items=\"addableUsers\"\n/>\n```\n\n### Description\n\nI'm currently migrate my project to NuxtUi V3 and I have some issues with `\u003CUInputMenu />` and `\u003CUSelectMenu />`. On my selects I want to retrieve the full object selected so I don't set `value-key` but for display purpose I use the `label-key` props, however when I do this I get this typescript error on the `v-model` :\n```\nUnable to assign type 'User | undefined' to type 'string | undefined'.\nUnable to assign type 'User' to type 'string'. ts-plugin(2322)\n```\nAfter some research, I think the `label-key` alter the `value-key` type and that's what triggers the error.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3054,3055,3056,3059],{"name":3040,"color":3041},{"name":3043,"color":3044},{"name":3057,"color":3058},"typescript","3A629E",{"name":3060,"color":3061},"triage","ffffff",3670,"v-model typescript error when using label-key InputMenu/SelectMenu","2025-03-24T20:38:15Z","https://github.com/nuxt/ui/issues/3670",0.73509246,{"description":3068,"labels":3069,"number":3075,"owner":3019,"repository":3046,"state":3031,"title":3076,"updated_at":3077,"url":3078,"score":3079},"### Description\n\nHello, \n\nI was looking for adding Català language to nuxt ui v3. However, i am not used to pull requests but also, the 'ca' code may be confusing with Canada one (and may be others?)\n\nCan someone help me on that way so I will be able to use the locale in the UApp componente :) ?\n\nThank you very much ! \n\n```\n\nimport { defineLocale } from '../composables/defineLocale'\n\nexport default defineLocale({\n name: 'Català',\n code: 'ca',\n messages: {\n inputMenu: {\n noMatch: 'No hi ha dades coincidents',\n noData: 'Sense dades',\n create: 'Crear \"{label}\"'\n },\n calendar: {\n prevYear: 'Any anterior',\n nextYear: 'Any següent',\n prevMonth: 'Mes anterior',\n nextMonth: 'Mes següent'\n },\n inputNumber: {\n increment: 'Incrementar',\n decrement: 'Decrementar'\n },\n commandPalette: {\n placeholder: 'Escriu una ordre o cerca...',\n noMatch: 'No hi ha dades coincidents',\n noData: 'Sense dades',\n close: 'Tancar'\n },\n selectMenu: {\n noMatch: 'No hi ha dades coincidents',\n noData: 'Sense dades',\n create: 'Crear \"{label}\"',\n search: 'Cerca...'\n },\n toast: {\n close: 'Tancar'\n },\n carousel: {\n prev: 'Anterior',\n next: 'Següent',\n goto: 'Anar a la diapositiva {slide}'\n },\n modal: {\n close: 'Tancar'\n },\n slideover: {\n close: 'Tancar'\n },\n alert: {\n close: 'Tancar'\n },\n table: {\n noData: 'Sense dades'\n }\n }\n})\n\n```\n\n### Additional context\n\n_No response_",[3070,3073,3074],{"name":3071,"color":3072},"enhancement","a2eeef",{"name":3043,"color":3044},{"name":3060,"color":3061},3477,"Adding Català language","2025-03-20T14:09:46Z","https://github.com/nuxt/ui/issues/3477",0.73548555,{"description":3081,"labels":3082,"number":3089,"owner":3019,"repository":3019,"state":3031,"title":3090,"updated_at":3091,"url":3092,"score":3093},"When relying on components discovery to load components in the template, there is an issue with applying the css class on a custom component. Doesn't happen when importing explicitly.\r\n\r\n### Versions\r\n\r\n- nuxt: v2.15.3\r\n- node: 14\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/rchl/NuxtComponentsDiscoveryBug\r\n\r\n### Steps to reproduce\r\n\r\n1. Have a custom component that uses another custom component.\r\n\r\nmy-component.vue\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cmy-sub-component />\r\n\u003C/template>\r\n```\r\n\r\nmy-sub-component.vue\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n This test should have green background\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nindex.vue\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"container\">\r\n \u003Cmy-component class=\"pass\" />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle>\r\n.pass {\r\n background-color: green;\r\n}\r\n\u003C/style>\r\n```\r\n\r\n2. Set `class=\"pass\"` on the outer component.\r\n\r\n### What is Expected?\r\n\r\nThe ` class=\"pass\"` should be applied to the custom my-component thus making its background green.\r\n\r\n### What is actually happening?\r\n\r\nThe ` class=\"pass\"` is getting lost on loading the page from the server.",[3083,3086],{"name":3084,"color":3085},"pending triage","E99695",{"name":3087,"color":3088},"2.x","d4c5f9",9012,"Fails to apply class on on a custom component when relying on Components Discovery","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/9012",0.7404125,{"description":3095,"labels":3096,"number":3101,"owner":3019,"repository":3046,"state":3031,"title":3102,"updated_at":3103,"url":3104,"score":3105},"Exaggerating the issue:\n\n",[3097,3100],{"name":3098,"color":3099},"documentation","0075ca",{"name":3043,"color":3044},2477,"[Table] broken example in documentation on smaller screens","2024-10-28T15:55:20Z","https://github.com/nuxt/ui/issues/2477",0.74288464,{"description":3107,"labels":3108,"number":3116,"owner":3019,"repository":3046,"state":3031,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### Description\n\nI really love all the work that went into this, but it's currently connected to vue-router for `Link` and `Pagination` components. I would love to see these become optional dependencies so it can be used with projects that do not use `vue-router`.\n\nMaybe there is some way to stub out the link components to enable support for Inertia \\ default HTML?",[3109,3112,3113],{"name":3110,"color":3111},"question","d876e3",{"name":3043,"color":3044},{"name":3114,"color":3115},"vue","42b883",3001,"How likely is it that we'll see a routerless version?","2025-04-14T08:47:28Z","https://github.com/nuxt/ui/issues/3001",0.7436752,{"description":3122,"labels":3123,"number":3124,"owner":3019,"repository":3020,"state":3031,"title":3125,"updated_at":3126,"url":3127,"score":3128},"\r\n\r\nTested on Mac/Windows on Safari, Chrome, Arc Browser, even with Incognito.\r\n\r\nConsole:\r\n\r\n\r\nThis might be related to nuxt/image?\r\n",[],1636,"\"built by developers\" home section icons do not display","2024-08-16T18:08:46Z","https://github.com/nuxt/nuxt.com/issues/1636",0.7440387,{"description":3130,"labels":3131,"number":3137,"owner":3019,"repository":3019,"state":3031,"title":3138,"updated_at":3139,"url":3140,"score":3141},"I notice that this issue was opened and then closed as expected: https://github.com/nuxt/nuxt.js/issues/292\r\n\r\nHowever, I'd like to open an issue that this FOUC behavior be removed / mitigated in dev mode. Saying it won't happen in production isn't the issue. The issue is that it makes development difficult. I've encountered lots of problems developing with Nuxt due to third-party scripts measuring elements on the page when the document is loaded, since the styles are injected after that event. Many scripts rely on a \"styles ready when document ready\" behaviour, and Nuxt doesn't provide any lifecycle events (to my knowledge) that specifically address this.\r\n\r\nSpecifically, in Vue, there's a \"mounted\" lifecycle event where I would normally expect a rendered DOM (with styles) to be present. But in the case of Nuxt (unlike with using vue-builder, which doesn't have FOUC in dev mode), the mounted event can't be trusted. This is a problem.\r\n\r\nSince it's technically feasible to push HTML to the page that has styles loaded (as Nuxt can pre-render components), FOUC doesn't need to happen. Or, at the least, can rendered styles be ready before the Vue.js mounted event is fired?\r\n\r\nCan something be done about this?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1508\">#c1508\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3132,3134,3136],{"name":3071,"color":3133},"8DEF37",{"name":3110,"color":3135},"cc317c",{"name":3087,"color":3088},1684,"Flash of Unstyled Content (FOUC) is an actual problem","2023-01-18T15:42:08Z","https://github.com/nuxt/nuxt/issues/1684",0.74416524,["Reactive",3143],{},["Set"],["ShallowReactive",3146],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLwPHEC3IVRv8UrZ0pbuSmM4uT3kW9EfDk23bUKlK1nE":-1},"/nuxt/test-utils/923"]