\n \u003Cslot>\u003C/slot>\n \u003C/div>\n\u003C/template>\n\n\n\u003Cscript lang=\"ts\" setup>\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst items = useBreadcrumbItems({\n schemaOrg: true,\n});\n\u003C/script>\n\n\n### Description\n\nthis will render the breadcrumbs in a \u003Cdiv> with an aria-label, which is a violation of this rule: https://html-validate.org/rules/aria-label-misuse.html\n\n- Rule ID: aria-label-misuse\n- Category: Accessibility\n- Standards: WCAG 2.2 (A)WCAG 2.1 (A)WCAG 2.0 (A)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n ERROR HTML validation errors found for /song/justice-genesis-1\n\ninline\n 129:21990 error \"aria-label\" cannot be used on this element aria-label-misuse\n\n✖ 1 problem (1 error, 0 warnings)\n\nMore information:\n https://html-validate.org/rules/aria-label-misuse.html\n\n```",[1998,2001],{"name":1999,"color":2000},"bug","d73a4a",{"name":2002,"color":2003},"v3","49DCB8",2649,"ui","closed","breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7044301,{"description":2012,"labels":2013,"number":2017,"owner":1988,"repository":2018,"state":2006,"title":2019,"updated_at":2020,"url":2021,"score":2022},"- [x] `Nuxt`\n- [x] `Studio`\n- [x] logo only",[2014],{"name":2015,"color":2016},"design","00bd6f",780,"nuxt.com","Uniformize logos with same size","2023-09-05T08:18:35Z","https://github.com/nuxt/nuxt.com/issues/780",0.7113775,{"description":2024,"labels":2025,"number":2027,"owner":1988,"repository":2018,"state":2006,"title":2028,"updated_at":2029,"url":2030,"score":2031},"Example: https://www.raycast.com/nhojb/brew",[2026],{"name":2015,"color":2016},673,"[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.7181654,{"description":2033,"labels":2034,"number":2037,"owner":1988,"repository":2005,"state":2006,"title":2038,"updated_at":2039,"url":2040,"score":2041},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nRepo: https://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo3\n\nCode: https://github.com/Cyanhall/nuxt-ui-v3-demo/blob/main/demo3/app/components/SearchPalette.vue#L46\n\n### Description\n\nThe placeholder in UInput within UModal does not display.\n\n```vue\n\u003CUInput\n class=\"w-full mb-4\"\n size=\"sm\"\n icon=\"i-lucide-search\"\n placeholder=\"Search...\"\n>\n \u003Ctemplate #trailing>\n \u003CUKbd value=\"shift\" />\n \u003CUKbd value=\"G\" />\n \u003C/template>\n\u003C/UInput>\n```\n\u003Cimg width=\"496\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/be2e8457-b3ac-4b70-838b-2b2b7399c091\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2035,2036],{"name":1999,"color":2000},{"name":2002,"color":2003},2977,"The placeholder in UInput within UModal does not display","2025-03-03T09:06:21Z","https://github.com/nuxt/ui/issues/2977",0.72277653,{"description":2043,"labels":2044,"number":2048,"owner":1988,"repository":2018,"state":2006,"title":2049,"updated_at":2050,"url":2051,"score":2052},"- [x] Move Revue contacts\n- [x] Subscribe form to contact Sendgrid API",[2045],{"name":2046,"color":2047},"enhancement","1ad6ff",1104,"Migrate newsletter to SendGrid","2023-01-10T15:04:54Z","https://github.com/nuxt/nuxt.com/issues/1104",0.76678747,{"description":2054,"labels":2055,"number":2060,"owner":1988,"repository":2005,"state":2006,"title":2061,"updated_at":2062,"url":2063,"score":2064},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.13.0\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools, modules\r\n- Runtime Modules: @nuxt/ui@2.18.4\r\n- Build Modules: -\r\n------------------------------\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-8i3ia2?file=app.vue\n\n### Description\n\nThe `USelectMenu` component has performance issues with moderately sized lists. It exhibits a noticeable delay when opening, and the search input becomes completely unresponsive. \r\n\r\nI would expect some lags with lists exceeding 1500-2000 items, the issue is already present with a list of just 250 elements, which is relatively small.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2056,2057],{"name":1999,"color":2000},{"name":2058,"color":2059},"duplicate","cfd3d7",2111,"USelectMenu performance issues","2024-09-11T14:05:18Z","https://github.com/nuxt/ui/issues/2111",0.7708415,{"description":2066,"labels":2067,"number":2072,"owner":1988,"repository":2005,"state":2006,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Description\n\nI am new using Nuxt UI, and I am loving it.\nI personally believe buttons look better when they are wider than taller, therefore I like to add more padding in the x axis, but I don't want to do this for each button.\n\nI am currently doing it like this:\n\n```html\n\u003CUButton\n to=\"/login\"\n size=\"xl\"\n color=\"warning\"\n variant=\"solid\"\n class=\"font-semibold px-4\"\n >\n Iniciar sesión\n \u003C/UButton>\n```\n\nbut I don't know how to add the option for all buttons.\nI tried doing this in the app.config.ts:\n\n```js\nui: {\n button: {\n slots: {\n base: 'px-4 cursor-pointer'\n },\n}\n \n```\n\nand the cursor-pointer worked, but the px-4 didn't work. Any idea on how to make this work?",[2068,2071],{"name":2069,"color":2070},"question","d876e3",{"name":2002,"color":2003},3646,"How do I change the padding of all buttons globally?","2025-03-24T01:29:59Z","https://github.com/nuxt/ui/issues/3646",0.7746984,{"description":2078,"labels":2079,"number":2085,"owner":1988,"repository":2005,"state":2006,"title":2086,"updated_at":2087,"url":2088,"score":2089},"### Environment\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.8\n- Package Manager: yarn@1.22.19\n- Builder: -\n- User Config: app, compatibilityDate, devtools, modules, css, runtimeConfig, vuefire\n- Runtime Modules: @nuxt/ui-pro@3.0.2, nuxt-vuefire@1.0.5, @pinia/nuxt@0.10.1\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/stupefied-lucy-jmlxr4\n\n### Description\n\nTable component is not reactive. Here's a simple example where items are added and removed. The 'num items' is updating in the view. However, the table does not remove nor add items.\n\n``` vue\n\u003Ctemplate>\n {{ data.length }} num items\n \u003CUTable :data=\"data\" />\n \u003CUButton label=\"Delete\" @click=\"deleteItem\" />\n \u003CUButton label=\"Add\" @click=\"addItem\" />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nfunction deleteItem() {\n const randomIndex = Math.floor(Math.random() * data.value.length);\n data.value.splice(randomIndex, 1);\n}\n\nfunction addItem() {\n data.value.push({\n id: Math.floor(Math.random() * 10000).toString(),\n });\n}\n\nconst data = ref([\n {\n id: \"4600\",\n },\n {\n id: \"4599\",\n },\n {\n id: \"4598\",\n },\n {\n id: \"4597\",\n },\n {\n id: \"4596\",\n },\n]);\n\u003C/script>\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2080,2081,2082],{"name":1999,"color":2000},{"name":2002,"color":2003},{"name":2083,"color":2084},"triage","ffffff",3821,"Table is not reactive","2025-04-08T10:36:33Z","https://github.com/nuxt/ui/issues/3821",0.77796227,{"description":2091,"labels":2092,"number":2096,"owner":1988,"repository":2097,"state":2006,"title":2098,"updated_at":2099,"url":2100,"score":2101},"### Describe the feature\n\nRight now custom directives are not available when running tests. For example I have a custom uppercase directive and when testing the text field component I get:\r\n```\r\n[Vue warn]: Failed to resolve directive: uppercase\r\n at \u003CMountSuspendedComponent >\r\n at \u003CMountSuspendedHelper>\r\n at \u003CAnonymous ref=\"VTU_COMPONENT\" >\r\n at \u003CVTUROOT>\r\n``` \n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2093],{"name":2094,"color":2095},"pending triage","5D08F5",959,"test-utils","MountSuspended should consider any directives added to the vue app","2024-10-03T18:02:07Z","https://github.com/nuxt/test-utils/issues/959",0.7809373,["Reactive",2103],{},["Set"],["ShallowReactive",2106],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ruS1kJsKma3Xk9SIxd7YKCjBRRcMSx-Ztua95Ah7Wuc":-1},"/nuxt/ui/2635"]