\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/6caf4ee6-0cb9-4c7e-9bc7-07e320248b8e\" width=\"400\"/>\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/b64d9960-4877-4fc4-b016-92ce8c4cf393\" width=\"400\"/>\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[1984,1987,1990],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"v3","49DCB8",{"name":1991,"color":1992},"triage","ffffff",2995,"nuxt","ui","open","Improve disabled state visibility for Tabs and other components","2024-12-29T13:39:36Z","https://github.com/nuxt/ui/issues/2995",0.6877403,{"labels":2002,"number":2009,"owner":1994,"repository":1994,"state":2010,"title":2011,"updated_at":2012,"url":2013,"score":2014},[2003,2006],{"name":2004,"color":2005},"3.x","29bc7f",{"name":2007,"color":2008},"pending triage","E99695",13782,"closed","[NuxtLink] active-class works like exact-active-class","2023-01-19T17:06:04Z","https://github.com/nuxt/nuxt/issues/13782",0.65093875,{"labels":2016,"number":2019,"owner":1994,"repository":1994,"state":2010,"title":2020,"updated_at":2021,"url":2022,"score":2023},[2017,2018],{"name":2004,"color":2005},{"name":2007,"color":2008},12889,"Dynamic class isn't applied on window reload","2023-01-19T16:43:30Z","https://github.com/nuxt/nuxt/issues/12889",0.65122765,{"description":2025,"labels":2026,"number":2029,"owner":1994,"repository":1994,"state":2010,"title":2030,"updated_at":2031,"url":2032,"score":2033},"### Environment\n\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\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.4.2\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nStackblitz: https://stackblitz.com/edit/nuxt-starter-b2yda2?file=app.vue\n\n### Describe the bug\n\nThe template is updated as `Mobile` but not the `:class` is not updated to `flex-col`\r\n\r\n\r\n\r\n\n\n### Additional context\n\nThis happens when we update the reactive value from the client side (simply check for `window`)\r\nThis will work\r\n\r\n\r\nThis won't work\r\n\r\n\n\n### Logs\n\n```shell-script\nNo logs\n```\n",[2027,2028],{"name":2004,"color":2005},{"name":2007,"color":2008},24474,"`:class` reactive binding is not updated on the client side","2024-04-10T18:50:57Z","https://github.com/nuxt/nuxt/issues/24474",0.6513745,{"labels":2035,"number":2038,"owner":1994,"repository":1994,"state":2010,"title":2039,"updated_at":2040,"url":2041,"score":2042},[2036,2037],{"name":2004,"color":2005},{"name":2007,"color":2008},14376,"NuxtLink isn’t applying expected active-class","2023-01-19T17:35:03Z","https://github.com/nuxt/nuxt/issues/14376",0.6585944,{"labels":2044,"number":2045,"owner":1994,"repository":1994,"state":2010,"title":2020,"updated_at":2046,"url":2047,"score":2048},[],12945,"2023-01-19T16:39:55Z","https://github.com/nuxt/nuxt/issues/12945",0.6614422,{"labels":2050,"number":2051,"owner":1994,"repository":1994,"state":2010,"title":2020,"updated_at":2052,"url":2053,"score":2048},[],13043,"2023-01-19T16:42:38Z","https://github.com/nuxt/nuxt/issues/13043",{"description":2055,"labels":2056,"number":2059,"owner":1994,"repository":1994,"state":2010,"title":2060,"updated_at":2061,"url":2062,"score":2063},"### 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_",[2057,2058],{"name":2004,"color":2005},{"name":2007,"color":2008},26331,"Inconsistency in Nuxt's behavior with and without server: useRoute","2024-03-18T13:48:24Z","https://github.com/nuxt/nuxt/issues/26331",0.6676155,{"description":2065,"labels":2066,"number":2069,"owner":1994,"repository":1994,"state":2010,"title":2070,"updated_at":2071,"url":2072,"score":2073},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.4\r\n- Package Manager: npm@10.2.1\r\n- Builder: -\r\n- User Config: devtools, runtimeConfig, app, css, modules, elementPlus, tailwindcss, strapi, vite\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.11.4, nuxt-particles@0.1.5, @element-plus/nuxt@1.0.8, @nuxtjs/strapi@1.11.0, nuxt-icon@0.6.10, nuxt-swiper@1.2.2, @formkit/auto-animate/nuxt@0.8.1, @vueuse/nuxt@10.9.0, nuxt-lodash@2.5.3\r\n- Build Modules: -\r\n\r\n\r\n### Reproduction\r\n\r\n/pages/blog/list-[page].vue\r\n\r\n`\u003Cnuxt-link :to=\"{name:'blog-list-page',params:{page:1}}\" >blog-list-page\u003C/nuxt-link>`\r\n\r\n### Describe the bug\r\n\r\nThe active-class only matches for blog/list-1. When the page is not equal to 1, such as blog/list-2, it will not add router-link-active or router-link-exact-active. This does not conform to the expected logic of use.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2067,2068],{"name":2004,"color":2005},{"name":2007,"color":2008},26781,"The active-class of nuxt-link fails to match when the route includes parameters.","2024-04-18T12:40:22Z","https://github.com/nuxt/nuxt/issues/26781",0.6756026,{"description":2075,"labels":2076,"number":2078,"owner":1994,"repository":1994,"state":2010,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@11.1.0\n- Builder: -\n- User Config: compatibilityDate, modules, css, vite, app, runtimeConfig\n- Runtime Modules: @nuxt/eslint@1.1.0, @vueuse/nuxt@12.7.0, @pinia/nuxt@0.10.1, @nuxt/image@1.9.0, @vee-validate/nuxt@4.15.0\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-86vd3kdj?file=layouts%2Fdefault.vue\n\n### Describe the bug\n\nI have a link that is `/users` and when I am on the users page, NuxtLink detects that it `isActive` and `isExactActive` and when I go to `/users/1`, only `isActive` should be active but it is not.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2077],{"name":2007,"color":2008},31191,"NuxtLink is not working properly","2025-03-26T05:24:57Z","https://github.com/nuxt/nuxt/issues/31191",0.67816114,["Reactive",2084],{},["Set"],["ShallowReactive",2087],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"JYQ50RXKZiCrTKmBfMGQAgngLiyvADAqZsz8PAUzkXI":-1},"/nuxt/nuxt/24723"]