\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```",[3051,3052],{"name":3030,"color":3031},{"name":3053,"color":3054},"v3","49DCB8",2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.70589906,{"description":3061,"labels":3062,"number":3068,"owner":3019,"repository":3033,"state":3034,"title":3069,"updated_at":3070,"url":3071,"score":3072},"### 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```",[3063,3064,3065],{"name":3030,"color":3031},{"name":3053,"color":3054},{"name":3066,"color":3067},"triage","ffffff",3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7093667,{"description":3074,"labels":3075,"number":3079,"owner":3019,"repository":3033,"state":3034,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### 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_",[3076],{"name":3077,"color":3078},"enhancement","a2eeef",2168,"Make an inplace editable table","2024-09-11T14:14:15Z","https://github.com/nuxt/ui/issues/2168",0.7119133,{"description":3085,"labels":3086,"number":3094,"owner":3019,"repository":3019,"state":3034,"title":3095,"updated_at":3096,"url":3097,"score":3098},"### 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_",[3087,3090,3091],{"name":3088,"color":3089},"3.x","29bc7f",{"name":3030,"color":3031},{"name":3092,"color":3093},"🔨 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":3100,"labels":3101,"number":3106,"owner":3019,"repository":3033,"state":3034,"title":3107,"updated_at":3108,"url":3109,"score":3110},"### 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_",[3102,3103],{"name":3030,"color":3031},{"name":3104,"color":3105},"duplicate","cfd3d7",2111,"USelectMenu performance issues","2024-09-11T14:05:18Z","https://github.com/nuxt/ui/issues/2111",0.7192169,{"description":3112,"labels":3113,"number":3116,"owner":3019,"repository":3033,"state":3034,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### 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```",[3114,3115],{"name":3030,"color":3031},{"name":3053,"color":3054},2977,"The placeholder in UInput within UModal does not display","2025-03-03T09:06:21Z","https://github.com/nuxt/ui/issues/2977",0.7329737,{"description":3122,"labels":3123,"number":3127,"owner":3019,"repository":3033,"state":3034,"title":3128,"updated_at":3129,"url":3130,"score":3131},"### Environment\n\nNuxt UI: 3.0.1\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.15.1\n\n### Reproduction\n\n Without RP\n\n### Description\n\nThe menu item itself is correct but the internal menu items in right-to-left languages are incorrect. I solved this problem by adding the following style in the items prop, but this should be resolved in future versions.\n\n`class: 'flex-row-reverse'`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3124,3125,3126],{"name":3030,"color":3031},{"name":3053,"color":3054},{"name":3066,"color":3067},3737,"Items in the DropdownMenu have problems in RTL mode","2025-03-31T21:07:42Z","https://github.com/nuxt/ui/issues/3737",0.7359632,["Reactive",3133],{},["Set"],["ShallowReactive",3136],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5VAIJZUqTKqAj0rtX59P0LG2NBKYEVg1qfQqB5ZXWX8":-1},"/nuxt/ui/3972"]