\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```",[3195,3196],{"name":3149,"color":3150},{"name":3197,"color":3198},"v3","49DCB8",2649,"ui","breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7736465,{"description":3206,"labels":3207,"number":3209,"owner":3138,"repository":3200,"state":3169,"title":3210,"updated_at":3211,"url":3212,"score":3213},"### Environment\r\n\r\n- Operating system: \"android 14\"\r\n- Nuxt Version: \"3.13.2\"\r\n- Vue Version: \"3.5.8\"\r\n- \r\n\r\n### Version\r\n\r\nv2.18.6\r\n\r\n### Reproduction\r\n\r\nhttps://ui.nuxt.com/components/dropdown\r\n\r\n\r\n\r\n\r\n\r\n### Description\r\n\r\nclicking on the dropdown button doesn't work in mobile view. the \"click\" event & the \"touchstart\" event, call the same function (toggle dropdown visibility), and neutralize each other. (basically, click event opens the dropdown, the touchstart event, closes the dropdown)\r\n\r\nI tested it and in both android 14 & in windows, firefox (mobile view mode), I got the same result.\r\n\r\n### Additional context\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[3208],{"name":3149,"color":3150},2261,"\"UDropdown\": Toggle NOT Working in Mobile. click event & touchstart event neutralize each other.","2024-10-01T13:00:59Z","https://github.com/nuxt/ui/issues/2261",0.777588,{"description":3215,"labels":3216,"number":3222,"owner":3138,"repository":3200,"state":3169,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### 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```",[3217,3218,3219],{"name":3149,"color":3150},{"name":3197,"color":3198},{"name":3220,"color":3221},"triage","ffffff",3821,"Table is not reactive","2025-04-08T10:36:33Z","https://github.com/nuxt/ui/issues/3821",0.78392583,{"description":3228,"labels":3229,"number":3230,"owner":3138,"repository":3139,"state":3169,"title":3231,"updated_at":3232,"url":3233,"score":3234},"### Environment\r\n\r\nnpx nuxi info\r\n\r\n### Reproduction\r\n\r\n\u003Cimg width=\"187\" alt=\"image_2023_07_19T10_19_11_566Z\" src=\"https://github.com/nuxt/nuxt/assets/74503611/5bbd50c0-22b8-4db4-9d53-edb65230dce3\">\r\n\r\n\r\nThis occurs on NUXT's official documentation website. The first sponsor's name (SIDESTREAM) is overflowing from its area.\r\n\r\n### Describe the bug\r\n\r\nThis UI bug occurs on the leftmost column's sponsor section. Many of the sponsor's name works fine but if the sponsor's name is longer than 11 characters in lowercase and 9 characters in uppercase the overflow happens. \r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[],1355,"Sponsor's name is overflowing from the div","2023-10-10T14:44:56Z","https://github.com/nuxt/nuxt.com/issues/1355",0.78789973,{"description":3236,"labels":3237,"number":3239,"owner":3138,"repository":3139,"state":3169,"title":3240,"updated_at":3241,"url":3242,"score":3243},"\n",[3238],{"name":3149,"color":3178},465,"[Milkdown] Can't put a cursor between components","2022-06-15T12:48:21Z","https://github.com/nuxt/nuxt.com/issues/465",0.7900262,["Reactive",3245],{},["Set"],["ShallowReactive",3248],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFCmC4zIAfNd21QptNBQ_6L3H6MdgaZairOsDrHsiz64":-1},"/nuxt/nuxt.com/1417"]