Color mode is reset when navigating across pages

[huang-julien]

Hi :wave: , i'm not sure if this is due to a misconfiguration or not, the module automatically set the color mode to the default value when changing pages.

Version

@nuxtjs/color-mode: 3.1.6 nuxt: 3 rc11

Reproduction Link

https://stackblitz.com/edit/nuxt-starter-tmdxaj?file=tailwind.config.ts,pages%2Findex.vue,pages%2Fhello.vue,app.vue,nuxt.config.ts,.gitignore

Steps to reproduce

• change color mode (dark to light)
• change page (click on hello)

What is Expected?

the color mode should be kept on light

What is actually happening?

the color mode has been reset to dark

EDIT: after checking the localStorage, the value is not being changed when changing the colormode

[huang-julien]

closing, was setting the value on .value instead of preference