\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```",[2018,2019],{"name":2005,"color":2006},{"name":1988,"color":1989},2649,"closed","breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.76503253,{"description":2027,"labels":2028,"number":2030,"owner":1994,"repository":1995,"state":2021,"title":2031,"updated_at":2032,"url":2033,"score":2034},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.12.0`\n- Nuxt Version: `3.15.1`\n- CLI Version: `3.20.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `pnpm@9.15.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`, `modules`\n- Runtime Modules: `@nuxt/ui@2.20.0`\n- Build Modules: `-`\n\n### Version\n\n2.20.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-jxcmyybr?file=app.vue\n\n### Description\n\nAfter looping though all items in useAppConfig().ui.colors, i get a false-positive error after assigning the item to a UBadge's color property, the color is still applied.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nType 'string' is not assignable to type 'BadgeColor | undefined'.ts-plugin(2322)\nBadge.vue.d.ts(217, 5): The expected type comes from property 'color' which is declared here on type 'Partial\u003C{ size: BadgeSize; class: any; ui: { base?: string | undefined; rounded?: string | undefined; font?: string | undefined; size?: DeepPartial\u003C{ xs: string; sm: string; md: string; lg: string; }, any> | undefined; ... 4 more ...; default?: DeepPartial\u003C...> | undefined; } & { ...; } & { ...; }; ... 7 more ...; t...'\n(property) color?: BadgeColor | undefined\n```",[2029],{"name":2005,"color":2006},3077,"Type 'string' is not assignable to type 'BadgeColor | undefined'.ts-plugin(2322)","2025-01-13T16:33:02Z","https://github.com/nuxt/ui/issues/3077",0.7678462,{"description":2036,"labels":2037,"number":2039,"owner":1994,"repository":1995,"state":2021,"title":2040,"updated_at":2041,"url":2042,"score":2043},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.11.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.1\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.19\n- Builder: -\n- User Config: devtools, modules, compatibilityDate\n- Runtime Modules: @nuxt/ui@2.20.0\n- Build Modules: -\n\n### Version\n\nv2.20.0 and later\n\n### Reproduction\n\nI could not get Stackblitz to work when changing Nuxt UI versions due to internal 503 errors. Please forgive me for using codesandbox instead.\n\n**Nuxt UI v2.19.1** - Working as expected. You can edit and tab between inputs.\nhttps://codesandbox.io/p/devbox/nuxt-v2-19-1-lz5zvk\n\n**Nuxt UI v2.20.0** - Cursor position lost when typing. Second column (email) uses `.lazy` which allows typing but loses focus when tabbing after edit.\nhttps://codesandbox.io/p/devbox/nuxt-v2-20-0-x9xylj\n\n\n\n\n\n### Description\n\nRelease v2.20.0 includes PR #2600 which redraws every table column slot on _any_ changes to the table source data. This introduces significant performance impact on large tables and makes it difficult for users to interact with inputs within tables since the redraw will lose cursor position. This also makes it impossible to tab between columns when data changes.\n\nI intend to submit a PR which reverts the changes made in #2600.\n\n### Additional context\n\nI demonstrate in https://github.com/nuxt/ui/issues/2004#issuecomment-2671025567 that the issue reported which prompted PR #2006 was a misunderstanding and was not related to table behavior at all. Therefore, that PR is unnecessary and does not directly address the issue, yet it introduces unintended side effects.\n\n",[2038],{"name":2005,"color":2006},3367,"PR 2600 redraws entire table introducing performance and usability issues","2025-03-08T12:13:14Z","https://github.com/nuxt/ui/issues/3367",0.76849854,{"description":2045,"labels":2046,"number":2051,"owner":1994,"repository":1995,"state":2021,"title":2052,"updated_at":2053,"url":2054,"score":2055},"### Description\n\nHow to enable [IntelliSense](https://ui3.nuxt.dev/components/link#intellisense)\n\nwhen wrie the code on class atribute like this\n `\u003Cdiv class=\"bg-red-500 text-white p-4 flex justify-between\">`\n\n the sugestion not show\n",[2047,2050],{"name":2048,"color":2049},"question","d876e3",{"name":1988,"color":1989},2949,"VS Code IntelliSense not working","2025-01-06T07:33:40Z","https://github.com/nuxt/ui/issues/2949",0.77451575,{"description":2057,"labels":2058,"number":2059,"owner":1994,"repository":2060,"state":2021,"title":2061,"updated_at":2062,"url":2063,"score":2064},"Hover effect icon https://www.notion.so/nuxt/Hover-effect-icon-6bd48c2f9b23479689993c1492c287de",[],1087,"nuxt.com","[Review] HomeCardItem","2023-02-15T12:31:07Z","https://github.com/nuxt/nuxt.com/issues/1087",0.7762958,{"description":2066,"labels":2067,"number":2078,"owner":1994,"repository":1994,"state":2021,"title":2079,"updated_at":2080,"url":2081,"score":2082},"@danielroe @boogie-ben Pull Request https://github.com/nuxt/nuxt/pull/28083 introduces a bug. \r\n`Number.parseFloat('auto')` ( valid syntax for `getComputedStyle(elem)` padding/margin ) will amount to **NAN**\r\n\r\n### Reproduction\r\nN/A\r\n\r\n_Originally posted by @misurito in https://github.com/nuxt/nuxt/issues/28083#issuecomment-2248868657_\r\n ",[2068,2071,2072,2075],{"name":2069,"color":2070},"good first issue","fbca04",{"name":2005,"color":2006},{"name":2073,"color":2074},"🔨 p3-minor","FBCA04",{"name":2076,"color":2077},"possible regression","B90A42",28306,"Scroll behavior Bug introduced wit PR 28083","2024-08-07T11:49:25Z","https://github.com/nuxt/nuxt/issues/28306",0.7822561,{"description":2084,"labels":2085,"number":2086,"owner":1994,"repository":2060,"state":2021,"title":2087,"updated_at":2088,"url":2089,"score":2090},"- [x] Colors & Fonts\n- [x] Landing page (Home)\n- [x] Showcase categories/hero\n- [x] Modules categories/hero\n- [x] Blog categories/hero\n- [x] Support hero/content",[],1305,"Marketing Update","2023-07-04T10:00:31Z","https://github.com/nuxt/nuxt.com/issues/1305",0.78320014,{"description":2092,"labels":2093,"number":2097,"owner":1994,"repository":1995,"state":2021,"title":2098,"updated_at":2099,"url":2100,"score":2101},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\n\u003C/template>\n\n\u003Cscript setup>\nconst translationField = ref(null)\n\nfunction nextCard() {\n translationField.value.focus() // throws: 'focus is not a function'\n \n nextTick(() => {\n translationField.value.focus() // same error\n })\n\n // below works ok\n nextTick(() => {\n const input = translationField.value?.$el?.querySelector('input')\n if (input) {\n input.focus()\n }\n })\n}\n\u003C/script>\n```\n\n\n### Description\nStandard Vue method of using template ref (for setting a focus, here) throws: 'focus() is not a function'\nIn the above code snippet I included workaround (credits to Sonnet 3.5)\nTried it dozen of times and checked this place to see if it has not been solved earlier.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2094,2095,2096],{"name":2005,"color":2006},{"name":1988,"color":1989},{"name":2008,"color":2009},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7837924,["Reactive",2103],{},["Set"],["ShallowReactive",2106],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"bwfoFtyk-rZs7viv4kA54N4yEBYGR2y5ofpbNGm3JtE":-1},"/nuxt/ui/2956"]