\n```\n\n2. navigate to /lucky-draw/leaderboard\n3. the leaderboard breadcrumb item should be now in active state, but it's not working\n\n### Description\n\nThe leaderboard should be in active state but it's not, the last item always in active state\n\n\u003Cimg width=\"1142\" height=\"1314\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/6eb64e3c-e25d-403a-9124-bc118a463f40\" />\n\n\u003Cimg width=\"1382\" height=\"538\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a5447b9b-f38c-4cb4-8957-5d8a69937690\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3139,3142,3145],{"name":3140,"color":3141},"bug","d73a4a",{"name":3143,"color":3144},"v3","49DCB8",{"name":3146,"color":3147},"triage","ffffff",4771,"nuxt","ui","open","[Bug] breadcrumb's active state not working","2025-08-17T04:15:26Z","https://github.com/nuxt/ui/issues/4771",0.7561219,{"description":3157,"labels":3158,"number":3162,"owner":3149,"repository":3149,"state":3163,"title":3164,"updated_at":3165,"url":3166,"score":3167},"When to use breadcrumb(element-ui) in project, it becomes diffcult to set a route name to fit the breadcrumb name directly. Is that any other way to reach this purpose?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c498\">#c498\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3159],{"name":3160,"color":3161},"2.x","d4c5f9",573,"closed","Not support custom router in version 0.10 and upper","2023-01-18T15:39:31Z","https://github.com/nuxt/nuxt/issues/573",0.71274734,{"description":3169,"labels":3170,"number":3171,"owner":3149,"repository":3149,"state":3163,"title":3172,"updated_at":3173,"url":3174,"score":3175},"### Describe the feature\n\n# Feature\r\nThere has never been an elegant way to to get breadcrumbs without creating custom code. It would be nice to see a simple utility that creates basic breadcrumbs that has the title from meta title information, if not fallbacks to name of route. Maybe this sounds silly but it would nice to have it baked in so then we use it on our projects.\r\n\r\n## Ideas\r\n\r\n- Use meta title as main source of truth, as this can be added and customized using `useHead()` which everyone uses. \r\n- Make the first item in array the `index` *(Home) then next route, next route etc. \r\n\r\nFor dynamic routes it might be a little more tricky but I am open to ideas. \r\n\r\n```ts\r\ninterface Breadcrumb {\r\n title: string\r\n path: string\r\n}[]\r\n```\r\n\r\n```ts\r\nconst breadcrumbs = useRouteBreadcrumbs()\r\n```\r\n\r\nName space can be modified to liking but would like to see a utility built in the core of nuxt vs creating a utilty every project. \r\n\r\nIdeas are welcome!\r\n\r\nThanks 💚\r\n\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[],15819,"create a simple breadcrumb composable utility for core nuxt ","2023-01-20T14:16:37Z","https://github.com/nuxt/nuxt/issues/15819",0.71565896,{"description":3169,"labels":3177,"number":3187,"owner":3149,"repository":3149,"state":3163,"title":3172,"updated_at":3188,"url":3189,"score":3190},[3178,3181,3184],{"name":3179,"color":3180},"enhancement","8DEF37",{"name":3182,"color":3183},"discussion","538de2",{"name":3185,"color":3186},"3.x","29bc7f",15617,"2023-02-20T08:26:51Z","https://github.com/nuxt/nuxt/issues/15617",0.7194425,{"labels":3192,"number":3195,"owner":3149,"repository":3149,"state":3163,"title":3196,"updated_at":3197,"url":3198,"score":3199},[3193,3194],{"name":3179,"color":3180},{"name":3160,"color":3161},5819,"Navigate to child page on view","2023-01-22T15:50:56Z","https://github.com/nuxt/nuxt/issues/5819",0.73399454,{"description":3201,"labels":3202,"number":3204,"owner":3149,"repository":3149,"state":3163,"title":3205,"updated_at":3206,"url":3207,"score":3208},"How to implement 'breadcrumbs' in nuxt.js c using the vue2-breadcrumbs package? \r\nOr another implementation.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c441\">#c441\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3203],{"name":3160,"color":3161},500,"Vue router and vue2-vreadcrumbs","2023-01-18T22:17:23Z","https://github.com/nuxt/nuxt/issues/500",0.7374575,{"description":3210,"labels":3211,"number":3214,"owner":3149,"repository":3150,"state":3163,"title":3215,"updated_at":3216,"url":3217,"score":3218},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.11.0\n- Nuxt Version: 3.14.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/icon@1.10.3, @nuxt/content@2.13.4, @nuxt/ui@2.20.0, @dargmuesli/nuxt-cookie-control@8.4.20, @pinia/nuxt@0.9.0\n- Build Modules: -\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-dbszxsce?file=app.vue\n\n### Description\n\nWhen I ran chrome lighthouse, the results showed that the breadcrumb section was detected as not complying with the recommendation.\n\nI'm using `icon` only without label with defined `to` at first of Links array, to make it more descriptive as lighthouse said, i pass `'aria-label'` property and its value to object of `Links`, at first i thought it would work because as the documentation said about Breadcrumb:\n\n> You can also pass any property from the [NuxtLink](https://nuxt.com/docs/api/components/nuxt-link#props) component such as to, exact, etc. \n> Reference: https://ui.nuxt.com/components/breadcrumb#usage\n\nwell the attrbute is not rendered, but if i pass `ariaLabel` property, the attribute is rendered correctly (with `-` symbol) **Without reloading or HMR triggered,** , and if the page refreshed, it's broken (`-` symbol missing) \n\nNote: i always apply it to every NuxtLink though, aria-label is working as expected\n\nIs there any such way to apply aria-label without `'label'` on object of the links?\n\n### Additional context\n\nattribute rendered as expected (HMR trigger)\n\n\ndash symbol is missing after page reload\n",[3212,3213],{"name":3140,"color":3141},{"name":3146,"color":3147},3007,"UBreadcrumb wont render aria attribute","2025-03-24T17:55:54Z","https://github.com/nuxt/ui/issues/3007",0.7382856,{"description":3220,"labels":3221,"number":3223,"owner":3149,"repository":3149,"state":3163,"title":3224,"updated_at":3225,"url":3226,"score":3227},"I'm trying to build a breadcrumb. The problem is that with dynamic routes `$route.matched` only seems to return the current route.\r\n\r\nPlease see the example routes below (associated files in parens):\r\n\r\n/users (pages/users/index.vue)\r\n/users/:id (pages/users/_id.vue)\r\n\r\nAre there any recommendations on how to best go about building up a breadcrumb with Nuxt? Shouldn't I be seeing parent routes in `$route.matched`?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2271\">#c2271\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3222],{"name":3160,"color":3161},2611,"this.$route.matched only returns one route","2023-01-18T16:02:22Z","https://github.com/nuxt/nuxt/issues/2611",0.74122137,{"description":3229,"labels":3230,"number":3239,"owner":3149,"repository":3149,"state":3163,"title":3240,"updated_at":3241,"url":3242,"score":3243},"### Describe the feature\n\nRelated: https://github.com/nuxt/nuxt/issues/15462\r\n\r\nTo improve SEO for internal linking, `createNuxtLink` should get a new option `trailingSlashBehavior` that should be `APPEND`, `REMOVE` or `DO_NOT_TOUCH`, which is the default.\r\n\r\nThen, people can create their own `\u003CNuxtLink>` component with the respective behavior.\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3231,3232,3235,3236],{"name":3179,"color":3180},{"name":3233,"color":3234},"good first issue","fbca04",{"name":3185,"color":3186},{"name":3237,"color":3238},"🍰 p2-nice-to-have","0E8A16",18806,"Support `trailingSlash` behavior for `createNuxtLink`","2023-03-07T07:17:44Z","https://github.com/nuxt/nuxt/issues/18806",0.74155515,{"description":3245,"labels":3246,"number":3248,"owner":3149,"repository":3149,"state":3163,"title":3249,"updated_at":3250,"url":3251,"score":3252},"I need to create a component for breadcrumbs, and for it I need to add an addition in the form of meta to all routes. How can I do it? For example: \r\n`[ { name: 'profile',\r\n path: '',\r\n component: '...',\r\n meta: { breadcrumb: 'Профиль' } },\r\n]`\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c876\">#c876\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3247],{"name":3160,"color":3161},1010,"How do I change the meta for routes?","2023-01-18T15:40:38Z","https://github.com/nuxt/nuxt/issues/1010",0.74676865,["Reactive",3254],{},["Set"],["ShallowReactive",3257],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fdXaY9AIQiyC6Z8cN7kmxZLxSPl4P4lQvH9awbIdpwK8":-1},"/nuxt/ui/1796"]