\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```",[3165,3168],{"name":3166,"color":3167},"bug","d73a4a",{"name":3149,"color":3150},2649,"closed","breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.6978318,{"description":3176,"labels":3177,"number":3181,"owner":3155,"repository":3182,"state":3170,"title":3183,"updated_at":3184,"url":3185,"score":3186},"- [x] Move Revue contacts\n- [x] Subscribe form to contact Sendgrid API",[3178],{"name":3179,"color":3180},"enhancement","1ad6ff",1104,"nuxt.com","Migrate newsletter to SendGrid","2023-01-10T15:04:54Z","https://github.com/nuxt/nuxt.com/issues/1104",0.7093431,{"description":3188,"labels":3189,"number":3191,"owner":3155,"repository":3156,"state":3170,"title":3192,"updated_at":3193,"url":3194,"score":3195},"### Environment\n\n- Operating System: `mac 15.0.1 `\n- Browser : Google Chrome 130\n\n\n\n### Version\n\nv 2.8\n\n### Reproduction\n\n\n\n\n### Description\n\nFor sites developed with Nuxt, it seems that memory leaks are serious when the site is open for a long time.\nIf even the site you created is in that state, wouldn't it be unusable?\n\n \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3190],{"name":3166,"color":3167},2635,"For sites developed with Nuxt, it seems that memory leaks are serious when the site is open for a long time.","2024-11-19T15:23:27Z","https://github.com/nuxt/ui/issues/2635",0.7125502,{"description":3197,"labels":3198,"number":3203,"owner":3155,"repository":3156,"state":3170,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### Description\n\nI am new using Nuxt UI, and I am loving it.\nI personally believe buttons look better when they are wider than taller, therefore I like to add more padding in the x axis, but I don't want to do this for each button.\n\nI am currently doing it like this:\n\n```html\n\u003CUButton\n to=\"/login\"\n size=\"xl\"\n color=\"warning\"\n variant=\"solid\"\n class=\"font-semibold px-4\"\n >\n Iniciar sesión\n \u003C/UButton>\n```\n\nbut I don't know how to add the option for all buttons.\nI tried doing this in the app.config.ts:\n\n```js\nui: {\n button: {\n slots: {\n base: 'px-4 cursor-pointer'\n },\n}\n \n```\n\nand the cursor-pointer worked, but the px-4 didn't work. Any idea on how to make this work?",[3199,3202],{"name":3200,"color":3201},"question","d876e3",{"name":3149,"color":3150},3646,"How do I change the padding of all buttons globally?","2025-03-24T01:29:59Z","https://github.com/nuxt/ui/issues/3646",0.7307833,{"description":3209,"labels":3210,"number":3213,"owner":3155,"repository":3156,"state":3170,"title":3214,"updated_at":3215,"url":3216,"score":3217},"### 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```",[3211,3212],{"name":3166,"color":3167},{"name":3149,"color":3150},2977,"The placeholder in UInput within UModal does not display","2025-03-03T09:06:21Z","https://github.com/nuxt/ui/issues/2977",0.7333131,{"description":3219,"labels":3220,"number":3224,"owner":3155,"repository":3182,"state":3170,"title":3225,"updated_at":3226,"url":3227,"score":3228},"Example: https://www.raycast.com/nhojb/brew",[3221],{"name":3222,"color":3223},"design","00bd6f",673,"[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.7344746,{"description":3230,"labels":3231,"number":3238,"owner":3155,"repository":3155,"state":3170,"title":3239,"updated_at":3240,"url":3241,"score":3242},"### Environment\n\nNuxt 3\n\n### Reproduction\n\ninstall apexcharts or any charting library and try to render a chart in a page different than index, when navigating to the page without animations, the chart renders fine, but when i add page transitions, especialy with the 'out-in' mode, the website crashes.\r\n\r\nbtw SSR is set to false.\n\n### Describe the bug\n\ninstall apexcharts or any charting library and try to render a chart in a page different than index, when navigating to the page without animations, the chart renders fine, but when i add page transitions, especialy with the 'out-in' mode, the website crashes.\r\n\n\n### Additional context\n\n\u003Cimg width=\"1800\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/56976418/d51640ba-2e26-4049-aa8b-c9d2cfd122df\">\r\n\u003Cimg width=\"1344\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/56976418/83704cf1-91c2-42a0-a301-544dc3667092\">\r\n\n\n### Logs\n\n_No response_",[3232,3235],{"name":3233,"color":3234},"3.x","29bc7f",{"name":3236,"color":3237},"pending triage","E99695",22285,"Chart Error when navigating between pages that have animations","2023-07-22T19:58:17Z","https://github.com/nuxt/nuxt/issues/22285",0.7692611,{"description":3244,"labels":3245,"number":3248,"owner":3155,"repository":3156,"state":3170,"title":3249,"updated_at":3250,"url":3251,"score":3252},"### 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```",[3246,3247],{"name":3166,"color":3167},{"name":3149,"color":3150},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.77426326,{"description":3254,"labels":3255,"number":3256,"owner":3155,"repository":3182,"state":3170,"title":3257,"updated_at":3258,"url":3259,"score":3260},"- [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.77470124,["Reactive",3262],{},["Set"],["ShallowReactive",3265],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f4UPM57gvLDDJ4bJvn0sQ2soHI_QZ0IeZPp_U7IgroLs":-1},"/nuxt/nuxt.com/780"]