\n \u003C/div>\n\n \u003Cdiv class=\"ml-4 flex flex-1 flex-col\">\n \u003Cdiv>\n \u003Cdiv class=\"flex justify-between text-base font-medium text-gray-900 mb-2\">\n \u003CNuxtLink :to=\"'/product/' + product.id\">{{ product.name }}\u003C/NuxtLink>\n \u003Cp class=\"ml-4\">£{{ product.selectedQuantity?.price }}\u003C/p>\n \u003C/div>\n \u003C/div>\n\n \u003Cdiv class=\"flex flex-1 flex-col md:flex-row items-end justify-between text-sm text-black gap-4\">\n \u003Cdiv class=\"w-full flex flex-col md:flex-row flex-wrap gap-2 \">\n \u003CUSelectMenu v-if=\"hasMultipleSkus(product)\" class=\"max-w-56\" v-model=\"product.selectedSku\"\n :search-input=\"false\" :label-key=\"'name'\" :items=\"product.skus\"\n @update:modelValue=\"changeSku($event as Sku, product)\">\n \u003C/USelectMenu>\n \u003Cpre>{{ product.selectedQuantity }}\u003C/pre>\n \u003CUSelectMenu v-model=\"product.selectedQuantity\" :search-input=\"false\"\n :label-key=\"'quantity'\" class=\"max-w-56\" :items=\"updatePricesWithStock(product)\"\n @update:modelValue=\"changeQuantity($event as QuantityPrice, product)\">\n \u003Ctemplate #item=\"{ item }\">\u003Cspan>{{ item.quantity }}\u003C/span>\u003Cspan\n v-if=\"item.disabled\">Out of\n stock\u003C/span>\u003C/template>\n \u003C/USelectMenu>\n \u003C/div>\n \u003Cdiv class=\"flex\">\n \u003Cbutton type=\"button\" class=\"font-medium text-primary-500 hover:text-primary-600\"\n @click=\"basketStore.remove(product.rid)\">Remove\u003C/button>\n \u003C/div>\n\n \u003C/div>\n\n \u003C/div>\n \u003C/li>\n\n \u003C/ul>\n \u003C/div>\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nimport type { Product, Sku, QuantityPrice } from '../../types';\n\nfunction changeSku(sku: Sku, item: Product) {\n\n}\n\nfunction hasMultipleSkus(item: Product): boolean {\n\n}\n\n\nfunction changeQuantity(quantity: QuantityPrice, item: Product) {\n\n}\n\n// Helper function to map prices and add \"disabled\" property - see other \nconst updatePricesWithStock = (item: any) => {\n return item.selectedSku?.prices.map((price: QuantityPrice) => ({\n ...price,\n disabled: !item?.onDemand && price.quantity > item.selectedSku?.stock\n }));\n};\n\n\n\u003C/script>\n```\n\n### Description\n\n_(Not sure whether to include this issue in Nuxt or Nuxt UI)_\n\nI have a base component that uses a selectMenu with an array. In Nuxt 3.17.6 with compatibiltyVersion: 4 set, the SelectMenu works as expected. When upgrading to nuxt 4 the label key no longer works. I'll attach screenshots and the code is in the reproduction section.\n**Nuxt 3.17.6**\n\u003Cimg width=\"736\" height=\"216\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/04967fa3-d156-46e2-b74d-f060ec68fcc4\" />\n\n**Nuxt 4**\n\u003Cimg width=\"751\" height=\"220\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/8ccf4caf-12f1-46d0-beda-9ebea3b1eee3\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3019,3022,3025],{"name":3020,"color":3021},"bug","d73a4a",{"name":3023,"color":3024},"v3","49DCB8",{"name":3026,"color":3027},"triage","ffffff",4627,"nuxt","ui","open","SelectMenu | Label Key not working correctly with Nuxt 4?","2025-07-29T12:07:37Z","https://github.com/nuxt/ui/issues/4627",0.6871935,{"description":3037,"labels":3038,"number":3042,"owner":3029,"repository":3030,"state":3031,"title":3043,"updated_at":3044,"url":3045,"score":3046},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.11.0\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: devtools, typescript, css, compatibilityDate, devServer, vite, runtimeConfig, app, ui, scripts, modules, sentry, sourcemap\n- Runtime Modules: @nuxt/ui@3.1.2, @pinia/nuxt@0.11.0, pinia-plugin-persistedstate/nuxt@4.3.0, @sentry/nuxt/module@9.19.0, @nuxt/scripts@0.11.7, @nuxt/eslint@1.4.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/r7ryl3\n\n### Description\n\nI recently upgrade to NuxtUI 3.1.2 (from 3.0.1) and It's impossible (or I don't know) how to deal with custom type for `InputMenu`, I got some types issues on `label-key`, `v-model`, `items`, `slots` as you can see in my reproduction.\n\n### Additional context\n\n\n\n### Logs\n\n```shell-script\n\n```",[3039,3040,3041],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4182,"Custom type with InputMenu","2025-05-19T12:22:28Z","https://github.com/nuxt/ui/issues/4182",0.68908745,{"description":3048,"labels":3049,"number":3057,"owner":3029,"repository":3030,"state":3058,"title":3059,"updated_at":3060,"url":3061,"score":3062},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.4\n- Nitro Version: 2.11.2\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: compatibilityDate, devtools, modules\n- Runtime Modules: @nuxt/ui@2.21.0\n- Build Modules: -\n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-zboajgsk?file=package.json,app.vue\n\n### Description\n\nUTable crash when both rows and columns are undefined\n\nIn the reproduction, set the refs `haveCols` or `haveRows` to `true` to _fix_ it.\n\n### Additional context\n\nHaving no columns appear when using raw dynamic data.\nHaving no rows appear when fetching data is pending or error\n\n### Logs\n\n```shell-script\n\n```",[3050,3051,3052,3055],{"name":3020,"color":3021},{"name":3026,"color":3027},{"name":3053,"color":3054},"closed-by-bot","ededed",{"name":3056,"color":3054},"stale",3463,"closed","UTable crash when both rows and columns are undefined","2025-06-18T09:01:43Z","https://github.com/nuxt/ui/issues/3463",0.6639608,{"description":3064,"labels":3065,"number":3071,"owner":3029,"repository":3030,"state":3058,"title":3072,"updated_at":3073,"url":3074,"score":3075},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.5`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `npm@10.9.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`, `srcDir`, `routeRules`, `app`, `svgSprite`, `alias`, `css`, `imports`, `modules`, `ssr`, `runtimeConfig`\n- Runtime Modules: `@nuxt/eslint@1.4.1`, `@nuxt/fonts@0.11.4`, `@nuxt/icon@1.14.0`, `@nuxt/image@1.10.0`, `@nuxt/scripts@0.11.8`, `@nuxt/test-utils@3.19.1`, `@nuxt/ui@3.1.3`, `@nuxtjs/svg-sprite@1.0.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\n\nNuxt\n\n### Version\n\nv3.2.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/dreamy-euler-9595k7\n\n\n### Description\n\n\n\nHi when i select copy payment id i got that error when i console log the row it gives me undefined upon clicking kindly check this link: https://ui.nuxt.com/components/table#with-context-menu\n\n#4259 \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3066,3067,3070],{"name":3020,"color":3021},{"name":3068,"color":3069},"needs reproduction","CB47CF",{"name":3023,"color":3024},4452,"UTable context menu error during selection of items","2025-07-13T16:34:46Z","https://github.com/nuxt/ui/issues/4452",0.6642304,{"description":3077,"labels":3078,"number":3085,"owner":3029,"repository":3029,"state":3058,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.5.0\r\n- Nitro Version: 2.4.1\r\n- Package Manager: pnpm@8.4.0\r\n- Builder: vite\r\n- User Config: app, routeRules, runtimeConfig, nitro, modules, pinia, imports, srcDir, image, i18n\r\n- Runtime Modules: nuxt-swiper@1.1.0, @vueuse/nuxt@10.1.2, @nuxtjs/i18n@8.0.0-beta.11, @nuxt/image-edge@1.0.0-28059208.2abef1b, nuxt-headlessui@1.1.4, @huntersofbook/naive-ui-nuxt@0.7.1, @nuxtjs/tailwindcss@6.7.0, nuxt-icons@3.2.1, @pinia/nuxt@0.4.10, @pinia-plugin-persistedstate/nuxt@1.1.1\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/vuejs/core/issues/8353\r\n\r\n### Describe the bug\r\n\r\n\r\nmissing semicolon in track function causing runtime error in production\r\n\r\n\r\nhttps://github.com/vuejs/core/pull/8358\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3079,3082],{"name":3080,"color":3081},"3.x","29bc7f",{"name":3083,"color":3084},"pending triage","E99695",20943,"Please upgrade to Vue 3.3.4 as the current version is causing some UI libraries to be incompatible","2023-05-19T06:05:21Z","https://github.com/nuxt/nuxt/issues/20943",0.6698937,{"description":3091,"labels":3092,"number":3097,"owner":3029,"repository":3030,"state":3058,"title":3098,"updated_at":3099,"url":3100,"score":3101},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.17.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/test-utils/module@3.14.4, @nuxt/eslint@0.7.1, @nuxt/ui@2.20.0, @nuxt/icon@1.8.2, @pinia/nuxt@0.5.5, @nuxtjs/i18n@9.1.0\n- Build Modules: -\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\nhttps://github.com/nuxt/ui/blob/c0455c831f06b3f7662c964abe6e36f9221afe48/src/runtime/components/data/Table.vue#L11\n\n### Description\n\nFor some reason (probably just typo mistake) `th` element of `u-table` component uses styles from `tr.base`. Is it a feature? Looks like a bug :)\nhttps://github.com/nuxt/ui/blob/c0455c831f06b3f7662c964abe6e36f9221afe48/src/runtime/components/data/Table.vue#L11\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3093,3094,3095,3096],{"name":3020,"color":3021},{"name":3026,"color":3027},{"name":3053,"color":3054},{"name":3056,"color":3054},2946,"Expand table header uses styles from 'ui.tr.base'","2025-06-18T09:05:12Z","https://github.com/nuxt/ui/issues/2946",0.67001384,{"description":3103,"labels":3104,"number":3107,"owner":3029,"repository":3030,"state":3058,"title":3108,"updated_at":3109,"url":3110,"score":3111},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.16.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/devtools@1.6.3, @pinia/nuxt@0.9.0, @vueuse/nuxt@12.0.0, @nuxtjs/i18n@9.1.1, @nuxt/ui@3.0.0-alpha.10, @nuxt/fonts@0.10.3\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\n1. Go to the [Table with Column Visibility](https://ui3.nuxt.dev/components/table#with-column-visibility) example in the NuxtUI documentation.\n2. Click on the dropdown icon in the table's header to manage column visibility.\n3. Try toggling the visibility of any column (e.g., hide or show the ID column).\n4. Observe that the onUpdateChecked event is not emitted when toggling visibility.\n\n\n### Description\n\nThe dropdown does not emit the onUpdateChecked event as expected. This behavior seems to have been introduced after the migration from Radix UI to Renka UI in NuxtUI.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3105,3106],{"name":3020,"color":3021},{"name":3023,"color":3024},2892,"UDropdownMenu Not Emitting onUpdateChecked","2025-01-25T13:12:27Z","https://github.com/nuxt/ui/issues/2892",0.67546284,{"description":3113,"labels":3114,"number":3120,"owner":3029,"repository":3030,"state":3058,"title":3121,"updated_at":3122,"url":3123,"score":3124},"### Environment\n\nNuxt project info: (copied to clipboard) nuxi 10:36:44\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.9.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, experimental, nitro, sourcemap, ssr, spaLoadingTemplate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.1.1, @nuxtjs/mdc@0.15.0, @vueuse/nuxt@13.1.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\n\nInput Menu Send an event when using @Change\n\n\n\nBut it is scheduled to send a value and this generates the error in console\n\n\n\n\n\n### Description\n\nhttps://github.com/user-attachments/assets/3fdd5798-3f77-45e0-a86b-18a2195219f2\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3115,3116,3117,3118,3119],{"name":3020,"color":3021},{"name":3068,"color":3069},{"name":3023,"color":3024},{"name":3026,"color":3027},{"name":3053,"color":3054},4103,"InputMenu Event onChange","2025-05-17T02:08:14Z","https://github.com/nuxt/ui/issues/4103",0.6799033,{"labels":3126,"number":3129,"owner":3029,"repository":3029,"state":3058,"title":3130,"updated_at":3131,"url":3132,"score":3133},[3127,3128],{"name":3080,"color":3081},{"name":3083,"color":3084},13444,"Dynamic components with component is","2023-01-19T16:56:14Z","https://github.com/nuxt/nuxt/issues/13444",0.68075466,{"description":3135,"labels":3136,"number":3140,"owner":3029,"repository":3030,"state":3058,"title":3141,"updated_at":3142,"url":3143,"score":3144},"### Environment\n\n```\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.9\n- Package Manager: bun@1.2.9\n- Builder: -\n- User Config: ssr, imports, devtools, experimental, future, compatibilityDate, alias, runtimeConfig, devServer, app, css, modules, build, hooks, dayjs, ui, typescript\n- Runtime Modules: @nuxt/eslint@1.3.0, @vueuse/nuxt@13.1.0, @nuxt/test-utils/module@3.17.2, dayjs-nuxt@2.1.11, nuxt-svgo@4.0.17, @nuxt/ui-pro@3.1.0, @pinia/nuxt@0.11.0, @pinia/colada-nuxt@0.1.1, @nuxt/image@1.10.0\n- Build Modules: -\n```\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/empty-fast-5xtcmy?workspaceId=ws_SD2P6X4ufyWkm2P3aqoQA6\n\n### Description\n\nbetween version 3.0.2 and 3.1.0 the content container for the menu items is no longer filling the width.\n\n### Additional context\n\n__no response__\n\n### Logs\n\n```shell-script\n\n```",[3137,3138,3139],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},3987,"[NavigationMenu] Regression - Update","2025-05-02T09:52:45Z","https://github.com/nuxt/ui/issues/3987",0.685131,["Reactive",3146],{},["Set"],["ShallowReactive",3149],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f1gcd0_JUMtycEGEGa4ej5IJBqJYJuaZ_9z7ZQhQ5S5Q":-1},"/nuxt/ui/4024"]