\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```",[2032,2035],{"name":2033,"color":2034},"bug","d73a4a",{"name":1999,"color":2000},2649,"closed","breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7450948,{"description":2043,"labels":2044,"number":2048,"owner":1985,"repository":1986,"state":2037,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### Environment\n\nin codesandbox\n------------------------------\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.24.0\n- Nitro Version: 2.11.8\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future, css\n- Runtime Modules: @nuxt/ui@3.0.2\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/condescending-bouman-f7zx5z?workspaceId=ws_H6Jd4FNHPBp8UPT5Y6QHKZ\n\n### Description\n\nThe `ui` prop on Nuxt UI components (like `UTable`) is currently typed to only accept `string` values for its nested properties. However, the official documentation example for expandable table rows ([https://ui.nuxt.com/components/table#with-expandable-rows](https://ui.nuxt.com/components/table#with-expandable-rows)) demonstrates using a `string[]` for customizing the `button ui.leadingIcon` property.\n\nWhile using a `string[]` works correctly at runtime, it triggers a TypeScript error during development:\n\n\n\nThe relevant type definition should be updated:\n\n```typescript\nexport type PartialString\u003CT> = {\n [K in keyof T]?: string;\n};\n```\n**Proposed Change:**\n```typescript\nimport type { ClassValue } from 'tailwind-variants';\n\nexport type PartialString\u003CT> = {\n [K in keyof T]?: ClassValue;\n};\n```\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2045,2046,2047],{"name":2033,"color":2034},{"name":1999,"color":2000},{"name":2002,"color":2003},3860,"Type Error: Component 'ui' prop incorrectly typed as 'string', should allow ClassValue (e.g., string[])","2025-04-12T16:28:50Z","https://github.com/nuxt/ui/issues/3860",0.75239223,{"description":2054,"labels":2055,"number":2023,"owner":1985,"repository":2058,"state":2037,"title":2059,"updated_at":2060,"url":2061,"score":2028},"- Update cards placement due to missing data\n- Card gradient is no longer grayscaled on hover\n- Small nuxters have their social link hidden when not hovering\n\n",[2056],{"name":1996,"color":2057},"1ad6ff","nuxt.com","[Community] Nuxters: Improvements","2023-02-15T12:32:37Z","https://github.com/nuxt/nuxt.com/issues/602",{"description":2063,"labels":2064,"number":2023,"owner":1985,"repository":2071,"state":2037,"title":2072,"updated_at":2073,"url":2074,"score":2028},"Hello,\r\n\r\nI'm trying to use nuxt-vitest in order to test `NuxtImg` as when testing using `vitest` + `testing-library/vue` we are unable to use `getByRole(img)` as it just renders as a `\u003Cnuxt-image>` tag. \r\n\r\nI know you citied some issues with testing library but we haven't been able to run the tests due to the missing even if the module added in the `nuxt.config.ts` \r\n\r\nHere is the error:\r\n\r\n `Error while requiring module vitest-environment-nuxt/module: Error: Cannot find module`\r\n\r\nAny help would be much appreciated",[2065,2068],{"name":2066,"color":2067},"vitest-environment","b60205",{"name":2069,"color":2070},"needs reproduction","DE7793","test-utils","Error when running npm with nuxt-vitest added as module","2023-12-02T23:41:21Z","https://github.com/nuxt/test-utils/issues/602",{"description":2076,"labels":2077,"number":2080,"owner":1985,"repository":1986,"state":2037,"title":2081,"updated_at":2082,"url":2083,"score":2084},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.11.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.1.37\n- Builder: -\n- User Config: components, css, extends, modules, ui, supabase, i18n, app, mapbox, runtimeConfig, compatibilityDate\n- Runtime Modules: nuxt-mapbox@1.6.1, @nuxt/image@1.9.0, @nuxt/ui@3.0.0-alpha.10, @nuxtjs/supabase@1.4.5, @vueuse/nuxt@10.11.1, @nuxtjs/i18n@8.5.6, @vueuse/motion/nuxt@2.2.6 \n- Build Modules: -\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\nhttps://codesandbox.io/p/devbox/quizzical-wood-ntyxty\n\n### Description\n\nwhen a child item at the second level has more than three levels of nested children, the collapse button for that second-level item stops working.\n\nI'm using the following code snippet:\nIs this a known limitation of the UNavigationMenu component, or could it be a bug?\n\nI would greatly appreciate any guidance on how to resolve this issue and ensure the collapse \nTypeScript\n```\n\u003Cscript setup lang=\"ts\">\n const items = ref([\n {\n label: 'Home',\n icon: 'i-tabler-home',\n description: 'Fully styled and customizable components for Nuxt.',\n children: [\n {\n label: 'Introduction 2',\n description: 'Fully styled and customizable components for Nuxt.',\n icon: 'i-lucide-house',\n children: [\n {\n label: 'Getting Started 3',\n description: 'Learn how to get started with Reka UI.',\n icon: 'i-tabler-star',\n to: '/',\n },\n {\n label: 'Installation 3',\n description: 'Learn how to get started with Reka UI in your Nuxt project.',\n icon: 'i-lucide-house',\n to: '/',\n },\n ],\n },\n ],\n },\n ])\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n color=\"neutral\"\n :ui=\"{\n link: 'group relative flex items-center gap-2 px-3 py-2 font-bold rounded-md text-md focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-primary-500 dark:focus-visible:before:ring-primary-400 before:absolute before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75',\n }\"\n />\n\u003C/template>\n\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2078,2079],{"name":2033,"color":2034},{"name":1999,"color":2000},3069,"UNavigationMenu I'm facing an issue with the collapse functionality of my nested navigation menu.","2025-01-25T12:56:13Z","https://github.com/nuxt/ui/issues/3069",0.7602873,{"description":2086,"labels":2087,"number":2093,"owner":1985,"repository":1986,"state":2037,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.13.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.0.0, @nuxt/eslint@1.2.0, nuxt-echarts@0.2.6\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst data = ref([\n {\n id: '0',\n },\n])\n\nconst add = () => {\n data.value.push({\n id: `${data.value.length}`,\n })\n console.log(data.value)\n}\n\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUTable :data=\"data\" class=\"flex-1\"/>\n \u003CUButton\n @click=\"add\">Add\n \u003C/UButton>\n \u003C/div>\n\u003C/template>\n```\n\n### Description\n\nAfter click the \"add\" button, it will push a new data into dataRef, but the Table will not rendering new data\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2088,2089,2092],{"name":2033,"color":2034},{"name":2090,"color":2091},"duplicate","cfd3d7",{"name":1999,"color":2000},3597,"UTable data updated but UI will not update","2025-03-24T02:11:33Z","https://github.com/nuxt/ui/issues/3597",0.7612001,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"y9VW6Wtd5iZw2kpMtVoi8Eynix7nSlWtkgItTvA53EQ":-1},"/nuxt/ui/3847"]