\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```",[2011,2014],{"name":2012,"color":2013},"bug","d73a4a",{"name":1988,"color":1989},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.6932284,{"description":2021,"labels":2022,"number":2028,"owner":1991,"repository":1992,"state":2003,"title":2029,"updated_at":2030,"url":2031,"score":2032},"### Description\n\nThere is currently no easy way to know what state the modal is in. Adding a `toggle` method would make life very much easier.\n\nI'm willing to make a PR\n\n### Additional context\n\n_No response_",[2023,2024,2025],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2026,"color":2027},"triage","ffffff",3720,"feat: add toogle for useOverlay","2025-04-09T15:26:14Z","https://github.com/nuxt/ui/issues/3720",0.71685743,{"description":2034,"labels":2035,"number":2038,"owner":1991,"repository":2002,"state":2003,"title":2039,"updated_at":2040,"url":2041,"score":2042},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_11_16_at_17_20_41_8b14c455c0.mp4\n",[2036],{"name":2012,"color":2037},"ff281a",981,"[docs]/guide/directory-structure/app.config: missing content + broken nav ","2022-12-07T06:14:48Z","https://github.com/nuxt/nuxt.com/issues/981",0.7345875,{"description":2044,"labels":2045,"number":2046,"owner":1991,"repository":2002,"state":2003,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### Environment\n\nhttps://nuxt.com/\n\n### Reproduction\n\nUse Google and Firefox to open https://nuxt.com/, and you can find that the automatic recognition on Firefox is wrong, showing the dark mode\r\n\r\n\r\n\n\n### Describe the bug\n\nfirefox Developer Edition 131.0b5\r\nAnd how to turn off dark mode?\r\nI tried but it didn't work\r\ncolorMode: {\r\n preference: 'light'\r\n},\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],1663,"Dark mode does not work properly on Firefox Developer Edition","2024-11-21T01:08:22Z","https://github.com/nuxt/nuxt.com/issues/1663",0.7438513,{"description":2052,"labels":2053,"number":2054,"owner":1991,"repository":2002,"state":2003,"title":2055,"updated_at":2056,"url":2057,"score":2058},"Hover effect icon https://www.notion.so/nuxt/Hover-effect-icon-6bd48c2f9b23479689993c1492c287de",[],1087,"[Review] HomeCardItem","2023-02-15T12:31:07Z","https://github.com/nuxt/nuxt.com/issues/1087",0.7444602,{"description":2060,"labels":2061,"number":2066,"owner":1991,"repository":1992,"state":2003,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Description\n\nI recently updated to the v3, which now uses Nuxt I18n for its own component translations. Since this update, my existing i18n configuration no longer works as expected. It seems the framework’s new i18n setup conflicts with or overrides my own translations, and I’m unable to figure out how to properly extend its default localization to include my own.\n\nCould you please provide guidance on how to configure or extend the new i18n setup so that my existing translations remain functional?\n\n",[2062,2065],{"name":2063,"color":2064},"question","d876e3",{"name":1988,"color":1989},2956,"How to extend Nuxt I18n translations?","2025-03-28T17:37:21Z","https://github.com/nuxt/ui/issues/2956",0.7454521,{"description":2072,"labels":2073,"number":2074,"owner":1991,"repository":2002,"state":2003,"title":2075,"updated_at":2076,"url":2077,"score":2078},"- [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.7624595,{"description":2080,"labels":2081,"number":2084,"owner":1991,"repository":1992,"state":2003,"title":2085,"updated_at":2086,"url":2087,"score":2088},"### 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```",[2082,2083],{"name":2012,"color":2013},{"name":1988,"color":1989},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.76527756,["Reactive",2090],{},["Set"],["ShallowReactive",2093],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"H-bcnBXSzms87uYEztIMmDr8VPDk_uJLft8ixLkVXTw":-1},"/nuxt/ui/2358"]