\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```",[2911,2912],{"name":2853,"color":2854},{"name":2913,"color":2914},"v3","49DCB8",2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.70589906,{"description":2921,"labels":2922,"number":2926,"owner":2859,"repository":2860,"state":2894,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### 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```",[2923,2924,2925],{"name":2853,"color":2854},{"name":2913,"color":2914},{"name":2856,"color":2857},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7093667,{"description":2932,"labels":2933,"number":2937,"owner":2859,"repository":2860,"state":2894,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Description\n\nWhen using a Table component, it would be a cool feature to allow the items to be modified in place and an event emitted. There arent really many good solutions for this in Vue ecosystem, that I know of. \n\n### Additional context\n\n_No response_",[2934],{"name":2935,"color":2936},"enhancement","a2eeef",2168,"Make an inplace editable table","2024-09-11T14:14:15Z","https://github.com/nuxt/ui/issues/2168",0.7119133,{"description":2943,"labels":2944,"number":2952,"owner":2859,"repository":2859,"state":2894,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Environment\n\n app: {\r\n buildAssetsDir: './',\r\n baseURL: \"/oort/oort-site/\",\r\n cdnURL: '/oort/oort-site/'\r\n}\r\n\r\nthis is config\n\n### Reproduction\n\n\r\n\n\n### Describe the bug\n\n the extracted css styles are inconsistent\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2945,2948,2949],{"name":2946,"color":2947},"3.x","29bc7f",{"name":2853,"color":2854},{"name":2950,"color":2951},"🔨 p3-minor","FBCA04",20120,"css background-image: url(/img/news_banner.png) , extractCSS not same","2024-05-24T19:46:25Z","https://github.com/nuxt/nuxt/issues/20120",0.71565694,{"description":2958,"labels":2959,"number":2964,"owner":2859,"repository":2860,"state":2894,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### 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_",[2960,2961],{"name":2853,"color":2854},{"name":2962,"color":2963},"duplicate","cfd3d7",2111,"USelectMenu performance issues","2024-09-11T14:05:18Z","https://github.com/nuxt/ui/issues/2111",0.7192169,["Reactive",2970],{},["Set"],["ShallowReactive",2973],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5VAIJZUqTKqAj0rtX59P0LG2NBKYEVg1qfQqB5ZXWX8":-1},"/nuxt/ui/3972"]