\r\n \u003CNuxtLink to=\"/a/id\">Link to A + param\u003C/NuxtLink>\r\n \u003C/div>\r\n\r\n \u003Cdiv>\r\n \u003CNuxtLink to=\"/b\">Link to B\u003C/NuxtLink> \u003Cbr />\r\n \u003CNuxtLink to=\"/b/id\">Link to B + param\u003C/NuxtLink>\r\n \u003C/div>\r\n\r\n \u003Cdiv>\r\n \u003CNuxtPage />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle lang=\"css\">\r\n.router-link-active {\r\n background-color: yellow;\r\n}\r\n\u003C/style>\r\n```\r\n\r\nfolder structure:\r\n```\r\nlayouts\r\n - default.vue\r\npages\r\n - a\r\n - [[id]].vue\r\n - b\r\n - [id].vue\r\n - index.vue\r\n - a.vue\r\n - b.vue\r\n```\r\n\r\n`a.vue` and `b.vue` contains:\r\n```\r\n\u003Ctemplate>\r\n \u003CNuxtPage />\r\n\u003C/template>\r\n```\r\n\r\nWorks ok for required parameter `[id]` and not properly for optional parameter `[[id]]`.\r\nAdding `.router-link-active` class works ok for `Link to B` on `/b` route and children routes like `/b/id`.\r\nSame is not working properly for `Link to A` link. Class is added only for exact route for urls `/a` and `/a/id`\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2912,2913,2916],{"name":2868,"color":2869},{"name":2914,"color":2915},"pages","00DFB5",{"name":2917,"color":2918},"upstream","E8A36D",27841,"Optional route parameter doesn't trigger active class for parent links","2025-02-10T21:37:03Z","https://github.com/nuxt/nuxt/issues/27841",0.7098102,{"description":2925,"labels":2926,"number":2929,"owner":2871,"repository":2871,"state":2885,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### 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_",[2927,2928],{"name":2881,"color":2882},{"name":2868,"color":2869},26331,"Inconsistency in Nuxt's behavior with and without server: useRoute","2024-03-18T13:48:24Z","https://github.com/nuxt/nuxt/issues/26331",0.71201664,{"labels":2935,"number":2944,"owner":2871,"repository":2871,"state":2885,"title":2945,"updated_at":2946,"url":2947,"score":2948},[2936,2937,2940,2943],{"name":2881,"color":2882},{"name":2938,"color":2939},"bug","d73a4a",{"name":2941,"color":2942},"vite","3574D1",{"name":2917,"color":2918},12050,"Don't work with class-style component","2023-01-19T15:54:28Z","https://github.com/nuxt/nuxt/issues/12050",0.71268725,{"labels":2950,"number":2955,"owner":2871,"repository":2871,"state":2885,"title":2956,"updated_at":2957,"url":2958,"score":2959},[2951,2952],{"name":2868,"color":2869},{"name":2953,"color":2954},"2.x","d4c5f9",7704,"Different updating behavior between modes","2023-01-22T15:36:04Z","https://github.com/nuxt/nuxt/issues/7704",0.7131803,{"description":2961,"labels":2962,"number":2966,"owner":2871,"repository":2871,"state":2885,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.14.2\r\n- Nuxt Version: 3.6.5\r\n- Nitro Version: 2.5.2\r\n- Package Manager: yarn@3.2.0\r\n- Builder: vite\r\n- User Config: alias, app, components, css, devtools, experimental, extends, i18n, modules, nitro, pinia, router, runtimeConfig, tailwindcss, telemetry, veeValidate, vite, vue\r\n- Runtime Modules: @pinia/nuxt@^0.4.11, @nuxtjs/stylelint-module@^5.1.0, @nuxtjs/i18n@8.0.0-beta.13, @vueuse/nuxt@10.2.1, @vee-validate/nuxt@^4.9.6, @nuxtjs/tailwindcss@^6.8.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\nI provide a minimal reproduction\r\n\r\nhttps://stackblitz.com/edit/github-brcyvh?file=pages%2Findex.vue\r\n\r\n### Describe the bug\r\n\r\nI'm using a plugin `$bp` that use `useBreakpoints` from `vueuse` under the hood https://vueuse.org/core/useBreakpoints\r\n\r\nMy goal is to change the `size` of the component `NButton` based on a boolean : `$bp.isLapM`.\r\n\r\nWhen we refresh the page, we see that the `btnSize` inside the button is updated but the class still `-sm`.\r\nIf I resize my window, both are updated\r\n\r\nWe are migrating our app to Nuxt 3, and on Nuxt 2 we didn't have this issue... :cry: \r\n\r\nI'm a doing something wrong about this ? \r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2963,2964,2965],{"name":2881,"color":2882},{"name":2868,"color":2869},{"name":2917,"color":2918},22722,"class / style attribute does not update on node mismatch","2023-08-23T10:38:59Z","https://github.com/nuxt/nuxt/issues/22722",0.71335757,{"description":2972,"labels":2973,"number":2976,"owner":2871,"repository":2871,"state":2885,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Environment\r\n\r\n```\r\nNuxi 3.3.3\r\n\r\nRootDir: /project/home/benjaminrobinet/workspace\r\nNuxt project info:\r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.3.3`\r\n- Nitro Version: `2.3.2`\r\n- Package Manager: `pnpm@7.1.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n```\r\n\r\n### Reproduction\r\n\r\nhttps://codesandbox.io/p/sandbox/reactivity-issue-dlxt09\r\n\r\nThe page `index.vue` is mutating the reactive object, and the component `StateComponent.vue` is displaying the value and using it to apply a CSS class using a computed.\r\n\r\n### Describe the bug\r\n\r\nHere we have a useState method that is mutated to another value on the setup of a page. The template reacts well when using `{{ stateValue }}`, but not in computed, template binding, etc...\r\n\r\nI added a button to mutate the state on a nextTick, and it works as expected. That's probably not a useState issue, as I have the same issue with Pinia.\r\n\r\nEDIT: On HMR, it works fine.\r\n\r\nThe expected behavior is that everything should be correctly reactive to that reactive object.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2974,2975],{"name":2881,"color":2882},{"name":2868,"color":2869},20130,"Reactivity / hydratation issue on render with reactive object","2023-04-07T13:50:33Z","https://github.com/nuxt/nuxt/issues/20130",0.7172172,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOlAgMblDvYrl1-FSXH97Ke89b2H9_u8I_rbIJ-W1y5A":-1},"/nuxt/ui/2995"]