Cookie storage creates duplicate cookies due to differing URL paths, causing conflict

[Coops0]

Version

@nuxtjs/color-mode: 3.5.2
nuxt: 4.0.0-28849585.4751b054 (but this is the same on the latest stable Nuxt v3 version, the repo is on v3 too)

Reproduction Link

github repo

Steps to reproduce

1. Setup the repo above
2. Switching the theme on the main page works fine. The cookie persists, and loads properly. (delete the cookie to reset)
3. Navigate to the nested route, and change the theme. Note in your browser's cookies that it has created 2 cookies with the same name and different paths.
4. Refresh. This will cause conflicts.

What is Expected?

Cookie persistence to not retain any path information.

What is actually happening?

[Coops0]

It appears that #301 will resolve this with the ability to hardcode the path value.

[tasiotas]

I concur, currently it saves cookie per route. I doubt that was the intended behavior.

[zumm]

Any updates?

This problem is even worse because server and client handle cookie in different ways. Server uses only root path cookie, client uses current path cookie. It leads to hydration errors.

[zumm]

@Coops0 My current solution is a way simpler. I just monkey patched this package. :) Thanks to pnpm patch.

window.document.cookie = storageKey + "=" + preference + "; path=/";

But would be nice to have native solution.

[atinux]

happy to open a pr @zumm ?

[zumm]

happy to open a pr @zumm ?

Shouldn't it be fixed by #301 ?

[ssglopes]

when is this fixed gonna be merged?

[splitwarechef]

This issue still persists, and it seems to be a simple fix. Since last year?

[greenbeam-ita]

cookieAttrs doesn't work and doesn't exist

"@nuxtjs/color-mode": "^3.5.2",

We are in 2026, hello!