\n\n\n### Description\n\nIn Nuxt UI v3, the \u003CUTable /> component does not provide any trigger event when clicking on a table row. In contrast, the v2 version included the @select event, which allowed developers to handle row clicks effectively. This regression impacts the ability to implement common interaction patterns, such as handling row selection or performing actions based on user clicks.\n\nDoes Nuxt UI v3 have an event similar to the @select event from v2 for the \u003CUTable /> component? Specifically, is there a way to trigger an event when a table row is clicked?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2039,2040],{"name":2013,"color":2014},{"name":2016,"color":2017},3010,"closed","UTable row click event UI3","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3010",0.75528914,{"description":2048,"labels":2049,"number":2056,"owner":1988,"repository":2031,"state":2042,"title":2057,"updated_at":2058,"url":2059,"score":2060},"_Improve the design of the modules page with [Raycast](https://www.raycast.com/store) page as the main source of inspiration._\n\n### Todos\n- [ ] Create a responsive design for the modules listing page sync with the API.\n- [ ] Card are external links.\n",[2050,2053],{"name":2051,"color":2052},"design","00bd6f",{"name":2054,"color":2055},"dev","018415",1337,"Modules Page","2023-10-10T14:44:51Z","https://github.com/nuxt/nuxt.com/issues/1337",0.7737156,{"description":2062,"labels":2063,"number":2068,"owner":1988,"repository":2022,"state":2042,"title":2069,"updated_at":2070,"url":2071,"score":2072},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nWith the addition of the ColorPicker component, it would be a nice addition to allow Nuxt UI colors (like primary, secondary, error, etc..) to read from, and apply, user-input colors.\n\nIt's worth noting that admittedly, it's a little less more low priority given the extensive list of predefined colors.\n\n### Additional context\n\n_No response_",[2064,2067],{"name":2065,"color":2066},"enhancement","a2eeef",{"name":2016,"color":2017},2849,"Runtime custom color support for Nuxt UI colors","2024-12-10T09:30:23Z","https://github.com/nuxt/ui/issues/2849",0.7748136,{"description":2074,"labels":2075,"number":2082,"owner":1988,"repository":2022,"state":2042,"title":2083,"updated_at":2084,"url":2085,"score":2086},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.18.1\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- Typescript: 5.8.2\n- Vue-tsc: 2.2.8\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.1\n\n### Reproduction\n\n```\n// will trigger typescript error on v-model\n\u003CUSelectMenu\n v-model=\"memberForm.user\"\n :items=\"addableUsers\"\n label-key=\"email\"\n/>\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```",[2076,2077,2078,2081],{"name":2013,"color":2014},{"name":2016,"color":2017},{"name":2079,"color":2080},"typescript","3A629E",{"name":2019,"color":2020},3670,"v-model typescript error when using label-key InputMenu/SelectMenu","2025-03-24T20:38:15Z","https://github.com/nuxt/ui/issues/3670",0.77955246,{"description":2088,"labels":2089,"number":2094,"owner":1988,"repository":2022,"state":2042,"title":2095,"updated_at":2096,"url":2097,"score":2098},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nAccording to the documentation for using slots, we should use the following:\n\n```\n\u003Ctemplate #name-cell=\"{ row }\">\n \u003Cdiv class=\"flex items-center gap-3\">\n {{ row.original.position }}\n \u003C/div>\n\u003C/template>\n\n```\nThe `row.original` object provides access to the row data. However, in previous versions, we could also access the table index like this:\n\n`#name-cell=\"{ row, index }\"\n`\n\nThis allowed us to display a numeric sequence for the table data. With the latest version, is there a way to access an index within the table?\n",[2090,2093],{"name":2091,"color":2092},"question","d876e3",{"name":2016,"color":2017},2729,"How Can I Get the Index When Using Slots in a Table?","2024-11-22T18:49:16Z","https://github.com/nuxt/ui/issues/2729",0.78275937,{"labels":2100,"number":2106,"owner":1988,"repository":1988,"state":2042,"title":2107,"updated_at":2108,"url":2109,"score":2110},[2101,2103],{"name":2065,"color":2102},"8DEF37",{"name":2104,"color":2105},"2.x","d4c5f9",8903,"pagesapi","2023-01-22T15:52:45Z","https://github.com/nuxt/nuxt/issues/8903",0.78520787,["Reactive",2112],{},["Set"],["ShallowReactive",2115],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"n_QZ3CB66DAXwP7tFnjrCIQlnGOk1SEIICvXAKA4Kaw":-1},"/nuxt/test-utils/908"]