\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```",[2058,2059],{"name":2047,"color":2048},{"name":1999,"color":2000},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7352497,{"description":2066,"labels":2067,"number":2068,"owner":1985,"repository":2037,"state":2038,"title":2069,"updated_at":2070,"url":2071,"score":2072},"- [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.73636246,{"description":2074,"labels":2075,"number":2078,"owner":1985,"repository":2005,"state":2038,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Description\n\nFaced with such a problem that if there are enough divs in the modal window, then the modal window acquires a shell bar. \n\nThe question is, is it possible to customize the scrollbar inside the modal window?.\n\nI tried to write shell styles inside the ui settings, or in the app.config.ts style separately for modal, but nothing worked.\n\nI am using Nuxt UI 3 (3.0.0-beta.2).\n\n```\n\u003CUModal\n :title=\"`edit product ${props.product.name}`\"\n description=\"text text text text text text text text text text text text text text text!\"\n :ui=\"{\n content: 'w-[600px] max-w-full modal-body-scroll',\n body: 'modal-body-scroll',\n title: 'text-(--ui-primary)'\n }\"\n > \n //content divs\n\u003C/UModal>\n\n\n//Test style in the modal-body-scroll class\n\u003Cstyle scoped>\n.modal-body-scroll {\n max-height: 20px;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: #6c6c6f transparent;\n}\n\n.modal-body-scroll::-webkit-scrollbar {\n width: 8px;\n}\n\n.modal-body-scroll::-webkit-scrollbar-thumb {\n background-color: #6c6c6f;\n border-radius: 4px;\n}\n\n.modal-body-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n\u003C/style>\n```\n\n\n\n\n",[2076,2077],{"name":2025,"color":2026},{"name":1999,"color":2000},3459,"scroll in the modal","2025-03-09T12:25:08Z","https://github.com/nuxt/ui/issues/3459",0.7413953,{"description":2084,"labels":2085,"number":2088,"owner":1985,"repository":2005,"state":2038,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### 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```",[2086,2087],{"name":2047,"color":2048},{"name":1999,"color":2000},2977,"The placeholder in UInput within UModal does not display","2025-03-03T09:06:21Z","https://github.com/nuxt/ui/issues/2977",0.7504738,["Reactive",2094],{},["Set"],["ShallowReactive",2097],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"HXGzpdEibMtWRy2PTqgKnXsqjnFNU8u24TQrpZ0vSds":-1},"/nuxt/nuxt.com/465"]