I use useDark
from VueUse to implement the dark mode. When I go to another route the dark mode doesn’t persist, possibly due to SSR, since the server doesn’t know about the current mode.
I tried to solve the issue by using useCookie
to store the mode in cookie, but it doesn’t seem to work:
const darkModeCookie = useCookie("dark-mode", {
path: "/",
sameSite: "lax",
});
const isDark = useDark({ disableTransition: false });
const toggleDark = useToggle(isDark, () => {
darkModeCookie.value = isDark.value ? "true" : "false";
});
if (darkModeCookie.value === true) {
isDark.value = true;
} else {
isDark.value = false;
}
I’m looking for a possible solution.