\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```",[3134,3137,3140],{"name":3135,"color":3136},"bug","d73a4a",{"name":3138,"color":3139},"v3","49DCB8",{"name":3141,"color":3142},"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.65827155,{"description":3152,"labels":3153,"number":3157,"owner":3144,"repository":3145,"state":3146,"title":3158,"updated_at":3159,"url":3160,"score":3161},"### Environment\n\n- Node Version: v22.17.1\n- Nuxt Version: 4.0.3\n- CLI Version: 3.27.0\n- Nitro Version: 2.12.4\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/navigation-menu#control-active-item\n\n### Description\n\nas per title, seems that manual active control is not working at all even in docs https://ui.nuxt.com/components/navigation-menu#control-active-item\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3154,3155,3156],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},4682,"[NavigationMenu] v-model, value, default-value: does nothing","2025-08-08T08:39:46Z","https://github.com/nuxt/ui/issues/4682",0.70195735,{"description":3163,"labels":3164,"number":3168,"owner":3144,"repository":3145,"state":3146,"title":3169,"updated_at":3170,"url":3171,"score":3172},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future, css\n- Runtime Modules: @nuxt/ui@3.1.1\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.17.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/zen-albattani-93gcyn\n\nType `COMPLETE` into the input menu and press enter. `DROPOFF_COMPLETE` becomes selected\n\n### Description\n\nIf I type an exact match for one of the items into the InputMenu and press Enter, I would expect that item to be selected.\n\nHowever, in certain cases when other items are a superset of the search text, those become selected.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3165,3166,3167],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},4672,"InputMenu sometimes chooses alternate option even when exact match to one option is typed","2025-08-06T20:48:15Z","https://github.com/nuxt/ui/issues/4672",0.7161259,{"description":3174,"labels":3175,"number":3182,"owner":3144,"repository":3144,"state":3183,"title":3184,"updated_at":3185,"url":3186,"score":3187},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v18.18.2\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.0\r\n- Package Manager: npm@9.8.1\r\n- Builder: -\r\n- User Config: devtools, modules, srcDir, css, vite, app, eslint, stylelint, gtag, image\r\n- Runtime Modules: @nuxtjs/eslint-module@4.1.0, @nuxtjs/stylelint-module@5.1.0, @nuxt/image@1.1.0, nuxt-icon@0.6.6, nuxt-gtag@1.1.1\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-hqpmmt?file=app.vue\n\n### Describe the bug\n\nTo reproduce, click on one of the two links. This should turn the link colour to pink. Then refresh the playground browser (not the whole browser)\r\n\r\nExpected: The link should have a class of `active` and be pink\r\n\r\nActual: The link doesn't have the class of `active` but the value is true. Also causes the link to no receive the `active` class when clicked again after reload\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3176,3179],{"name":3177,"color":3178},"3.x","29bc7f",{"name":3180,"color":3181},"pending triage","E99695",24723,"closed","v-bind:class isn't reactive on page load","2023-12-19T14:49:34Z","https://github.com/nuxt/nuxt/issues/24723",0.6844259,{"description":3189,"labels":3190,"number":3193,"owner":3144,"repository":3144,"state":3183,"title":3194,"updated_at":3195,"url":3196,"score":3197},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.11.0\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.9.4\r\n- Package Manager: npm@10.2.4\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-xwmppm?file=pages%2Findex.vue\n\n### Describe the bug\n\n`\u003Cbutton :class=\"{ 'active': activeTab === 0 }\">Button 0\u003C/button>` - class active is working as expected with `npm run dev`, but `npm run generate` and `npm run preview` with `localhost:3000?active=0` its not working \n\n### Additional context\n\nCode like this:\r\n```\r\nconst route = useRoute()\r\nactiveTab.value = route.query?.active\r\n```\r\nClass change its not working with prerender static website \n\n### Logs\n\n_No response_",[3191,3192],{"name":3177,"color":3178},{"name":3180,"color":3181},26331,"Inconsistency in Nuxt's behavior with and without server: useRoute","2024-03-18T13:48:24Z","https://github.com/nuxt/nuxt/issues/26331",0.69796944,{"description":3199,"labels":3200,"number":3209,"owner":3144,"repository":3145,"state":3183,"title":3210,"updated_at":3211,"url":3212,"score":3213},"### Environment\n\nsandbox\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/admiring-herschel-qyt4kh\n\n### Description\n\n`app.config`\n\n```\nbutton: {\n compoundVariants: [\n {\n color: 'primary',\n variant: 'soft',\n class: {\n base: 'text-green-500',\n leadingIcon: 'text-red-500'\n }\n },\n ]\n}\n```\n\nif button defined like without `active` the icon is red, but text is green\n```\n\u003CUButton\n label=\"Label\"\n color=\"primary\"\n variant=\"soft\"\n icon=\"mdi-account\"\n />\n```\n\nsame result is expected when using `active`, but `leadingIcon` is ignored\n```\n\u003CUButton\n label=\"Label\"\n active\n active-color=\"primary\"\n active-variant=\"soft\"\n icon=\"mdi-account\"\n @click.prevent=\"active = !active\"\n/>\n```\n\n### Additional context\n\n\u003Cimg width=\"202\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0756fb1c-772c-44ae-855d-90aba304bd9e\" />",[3201,3202,3203,3204,3207],{"name":3135,"color":3136},{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3205,"color":3206},"closed-by-bot","ededed",{"name":3208,"color":3206},"stale",3972,"Different result than static for active-color & active-variant","2025-08-20T02:08:55Z","https://github.com/nuxt/ui/issues/3972",0.6994269,{"description":3215,"labels":3216,"number":3219,"owner":3144,"repository":3144,"state":3183,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.10.0`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `ssr`, `css`, `modules`, `vite`\r\n- Runtime Modules: `zetto/nuxt`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-erwzab?file=layouts/default.vue\r\n\r\nFollow the hints inside the pages\n\n### Describe the bug\n\nThe NuxtLink components get into the active state (just active, not exact active) only if the route tree is inside a nested route.\r\n\r\nI've found that [this function](https://github.com/nuxt/framework/blob/54ac7dd481355a795c2d2b3a2a8f8e06b48bbbc7/packages/nuxt/src/pages/utils.ts#L48) create a path with children only if there is a component to nest the children in.\r\n\r\nFollowing the reproduction, it will generate the route like this:\r\n```js\r\n [ {\r\n path: \"/testok\",\r\n file: \"~/pages/testok.vue\",\r\n children: [ {\r\n name\": \"testok-child\",\r\n path\": \"child\",\r\n file\": \"~/pages/testok/child.vue\"\r\n }, {\r\n \"name\": \"testok\",\r\n \"path\": \"\",\r\n \"file\": \"~/pages/testok/index.vue\"\r\n } ]\r\n}, {\r\n \"name\": \"testko-child\",\r\n \"path\": \"/testko/child\",\r\n \"file\": \"~/pages/testko/child.vue\"\r\n}, {\r\n \"name\": \"testko\",\r\n \"path\": \"/testko\",\r\n \"file\": \"~/pages/testko/index.vue\"\r\n} ]\r\n```\r\n\r\ninstead ok:\r\n```js\r\n [ {\r\n path: \"/testok\",\r\n file: \"~/pages/testok.vue\",\r\n children: [ {\r\n name\": \"testok-child\",\r\n path\": \"child\",\r\n file\": \"~/pages/testok/child.vue\"\r\n }, {\r\n \"name\": \"testok\",\r\n \"path\": \"\",\r\n \"file\": \"~/pages/testok/index.vue\"\r\n } ]\r\n}, [ {\r\n path: \"/testko\",\r\n file: \"~/pages/testko.vue\",\r\n children: [ {\r\n name\": \"testko-child\",\r\n path\": \"child\",\r\n file\": \"~/pages/testko/child.vue\"\r\n }, {\r\n \"name\": \"testko\",\r\n \"path\": \"\",\r\n \"file\": \"~/pages/testko/index.vue\"\r\n } ]\r\n} ]\r\n```\r\n\r\nIf this will be recognised as a bug I can submit a PR to fix it :)\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3217,3218],{"name":3177,"color":3178},{"name":3180,"color":3181},15729,"NuxtLink is active only if in a nested route","2023-01-19T18:20:24Z","https://github.com/nuxt/nuxt/issues/15729",0.70772606,{"description":3225,"labels":3226,"number":3232,"owner":3144,"repository":3145,"state":3183,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.5`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `npm@10.9.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`, `srcDir`, `routeRules`, `app`, `svgSprite`, `alias`, `css`, `imports`, `modules`, `ssr`, `runtimeConfig`\n- Runtime Modules: `@nuxt/eslint@1.4.1`, `@nuxt/fonts@0.11.4`, `@nuxt/icon@1.14.0`, `@nuxt/image@1.10.0`, `@nuxt/scripts@0.11.8`, `@nuxt/test-utils@3.19.1`, `@nuxt/ui@3.1.3`, `@nuxtjs/svg-sprite@1.0.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\n\nNuxt\n\n### Version\n\nv3.2.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/dreamy-euler-9595k7\n\n\n### Description\n\n\n\nHi when i select copy payment id i got that error when i console log the row it gives me undefined upon clicking kindly check this link: https://ui.nuxt.com/components/table#with-context-menu\n\n#4259 \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3227,3228,3231],{"name":3135,"color":3136},{"name":3229,"color":3230},"needs reproduction","CB47CF",{"name":3138,"color":3139},4452,"UTable context menu error during selection of items","2025-07-13T16:34:46Z","https://github.com/nuxt/ui/issues/4452",0.7108682,{"labels":3238,"number":3241,"owner":3144,"repository":3144,"state":3183,"title":3242,"updated_at":3243,"url":3244,"score":3245},[3239,3240],{"name":3177,"color":3178},{"name":3180,"color":3181},13782,"[NuxtLink] active-class works like exact-active-class","2023-01-19T17:06:04Z","https://github.com/nuxt/nuxt/issues/13782",0.71163017,{"description":3247,"labels":3248,"number":3254,"owner":3144,"repository":3145,"state":3183,"title":3255,"updated_at":3256,"url":3257,"score":3258},"### Environment\n\nNuxt project info: (copied to clipboard) nuxi 10:36:44\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.9.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, experimental, nitro, sourcemap, ssr, spaLoadingTemplate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.1.1, @nuxtjs/mdc@0.15.0, @vueuse/nuxt@13.1.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\n\nInput Menu Send an event when using @Change\n\n\n\nBut it is scheduled to send a value and this generates the error in console\n\n\n\n\n\n### Description\n\nhttps://github.com/user-attachments/assets/3fdd5798-3f77-45e0-a86b-18a2195219f2\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3249,3250,3251,3252,3253],{"name":3135,"color":3136},{"name":3229,"color":3230},{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3205,"color":3206},4103,"InputMenu Event onChange","2025-05-17T02:08:14Z","https://github.com/nuxt/ui/issues/4103",0.7137548,["Reactive",3260],{},["Set"],["ShallowReactive",3263],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLCYSB1xUCVypEe2lT6EHepvArwsDVjw3IQMvZsZEErQ":-1},"/nuxt/ui/4642"]