\n \u003Cspan class=\"flex items-center gap-2 font-semibold text-lg logo\">example\u003C/span>\n \u003C/div>\n \u003C/template>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n />\n \u003Cdiv class=\"flex-1\" />\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"footerLinks\"\n />\n \u003CUSeparator class=\"sticky bottom-0\" />\n \u003Ctemplate #footer>\n \u003Cspan class=\"text-xs text-neutral-500 tracking-tight\">Version {{ useRuntimeConfig().public.version }}\u003C/span>\n \u003C/template>\n \u003C/UDashboardSidebar>\n\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3184,3187,3188],{"name":3185,"color":3186},"bug","d73a4a",{"name":3155,"color":3156},{"name":3189,"color":3190},"pro","5BD3CB",3549,"injection \"Symbol(nuxt-ui.locale-context)\" not found","2025-03-18T11:12:44Z","https://github.com/nuxt/ui/issues/3549",0.76146275,{"description":3197,"labels":3198,"number":3201,"owner":3158,"repository":3202,"state":3176,"title":3203,"updated_at":3204,"url":3205,"score":3206},"Noticed that the animation on the timeline does not work properly on mobile (only first item appears) AND we have an issue for the image when navigating on client-side (at least on Safari):\n\nhttps://user-images.githubusercontent.com/904724/180595606-b112686f-b2ce-4686-8be6-0620ab31dac5.MOV\n\nAlso notice the layout shift on reload, might be due to a lack of height specified on images.",[3199],{"name":3185,"color":3200},"ff281a",831,"nuxt.com","[Community] About page timeline mobile","2023-02-15T12:31:02Z","https://github.com/nuxt/nuxt.com/issues/831",0.76181644,{"description":3208,"labels":3209,"number":3212,"owner":3158,"repository":3159,"state":3176,"title":3213,"updated_at":3214,"url":3215,"score":3216},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8, @nuxtjs/html-validator@1.8.2, @nuxt/image@1.8.1, @nuxt/eslint@0.6.1, @nuxtjs/seo@2.0.0-rc.23\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n\"@nuxt/ui\": \"3.0.0-alpha.8\",\n\n### Reproduction\n\n\u003C!-- layouts/default.vue -->\n\u003Ctemplate>\n \u003Cdiv class=\"container mx-auto\">\n \u003Cu-breadcrumb :items=\"items \" />\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```",[3210,3211],{"name":3185,"color":3186},{"name":3155,"color":3156},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7674659,{"description":3218,"labels":3219,"number":3222,"owner":3158,"repository":3159,"state":3176,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### Environment\n\n- Nuxt UI Version: v3.0.0-alpha.7\n- Browser: Chrome | Opera Gx\n- Operating System: Android 12\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\nAfter Adding `overflow-x: auto` Preview\n\n\n\n\n### Description\n\nIn the [NavigationMenu](https://ui3.nuxt.dev/components/navigation-menu) component of Nuxt UI v3.0.0-alpha.7, the horizontal orientation is not displaying correctly due to lack of horizontal overflow handling. When there are multiple items in the menu, items overflow outside the viewport instead of creating a scrollable area. Adding `overflow-x: auto` styling could resolve this issue and improve usability.\n\n### Additional context\n\nWithout `overflow-x: auto` in [NavigationMenu](https://ui3.nuxt.dev/components/navigation-menu)\n\n\n\n\n\n### Logs\n\n_No response_",[3220,3221],{"name":3185,"color":3186},{"name":3155,"color":3156},2468,"Navigation Menu Overflow Bug in Nuxt UI v3.0.0-alpha.7","2025-03-20T00:49:15Z","https://github.com/nuxt/ui/issues/2468",0.784679,{"description":3228,"labels":3229,"number":3234,"owner":3158,"repository":3159,"state":3176,"title":3235,"updated_at":3236,"url":3237,"score":3238},"### Description\n\nHi, I just wanted to sort a column of uTable. The problem is the accessorKey looks like this \"type.name\" and it looks like tanstack isnt sorting deeper keys. So how can I approach this problem and it would be very helpful to have an example of it in the uTable documentation.\nThanks!",[3230,3233],{"name":3231,"color":3232},"question","d876e3",{"name":3155,"color":3156},3677,"table sort deeper accessorKey with accessorFn?","2025-06-11T10:27:41Z","https://github.com/nuxt/ui/issues/3677",0.78513634,{"description":3240,"labels":3241,"number":3242,"owner":3158,"repository":3202,"state":3176,"title":3243,"updated_at":3244,"url":3245,"score":3246},"- [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.7859622,{"description":3248,"labels":3249,"number":3255,"owner":3158,"repository":3159,"state":3176,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Description\n\nWhile most components support the theming props (globally via app.config and as local props) the UForm component doesn't. For consistency it'd be great if this could be added to the Form component too.\n\n### Additional context\n\n_No response_",[3250,3251,3252],{"name":3172,"color":3173},{"name":3155,"color":3156},{"name":3253,"color":3254},"triage","ffffff",3752,"Form Component: Support theming props","2025-04-10T19:55:39Z","https://github.com/nuxt/ui/issues/3752",0.7879136,{"description":3261,"labels":3262,"number":3268,"owner":3158,"repository":3158,"state":3176,"title":3269,"updated_at":3270,"url":3271,"score":3272},"hi @pi0, @danielroe \r\n\r\nis it possible to pass the \"key\" on calling refresh/execute or making the key computed in options?\r\n\r\nIn my case i got a computed header with Authorization and custom key\r\n\r\n`const headers = computed(() => token.value ? { Authorization: `Bearer ${token.value}` } : undefined)`\r\n`const key = hash([opts.baseURL, request, unref(opts.params || opts.query), unref(headers)])`\r\n\r\nso the fetchOptions are reactive and are watched by default. If the token changed on client the initialized key isn't changed.",[3263,3265],{"name":3172,"color":3264},"8DEF37",{"name":3266,"color":3267},"discussion","538de2",21532,"useFetch & useAsyncData reactive key","2025-04-14T16:04:46Z","https://github.com/nuxt/nuxt/issues/21532",0.7915729,["Reactive",3274],{},["Set"],["ShallowReactive",3277],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5zYCy95C-90HHdizgCoe7xX4_OgYI8U1PM3MJOSSUPk":-1},"/nuxt/ui/2741"]