Header

[MarioYellowy]

Result

2026-08-20.01-40-37.mp4

[Phosphorus-M]

Suggested change

	/// Define a constant for the cookie key used to store the theme setting.
	const COOKIE_KEY: &str = "theme";
	/// Define a constant for the local storage key used to store the theme setting.
	const STORAGE_KEY: &str = "theme";

Es mejor mediante storage, no tiene sentido enviar esa información en requests

[MarioYellowy]

Estaba configurado previamente con storage, pero como es SSR, la config que enviaba el cliente no matcheaba con el por defecto que generaba el server, entonces entraba eso en conflicto, por ello se realizó este cambio a cookies.
Entraba en conflicto si se cambiaba de tema la primera vez y se volvía a abrir la web

[MarioYellowy]

https://leptos-use.rs/storage/use_storage.html#hydration-bugs-and-use_cookie

[Phosphorus-M]

Pero igual el target no es SSR, es CSR, en todo caso lo que podemos hacer es un feature flag para hacer conditional compilation ✨

Eso

[Phosphorus-M]

Dejame ver Ted Lasso Mario, espabila que la vida te va a comer

[Phosphorus-M]

Como puedes hacer eso?

if cfg!(feature = "ssr") {
    // ...
}

o como

#[cfg(feature = "ssr")]
use holy::shit::omg;

de esa forma ese código solo es valido si la feature flag ssr esta habilitada, tal vez deba ser otra feature flag, no recuerdo las que había en el cargo.toml pero eso ✨

[MarioYellowy]

Presumiendo el privilegio de mac user

[Phosphorus-M]

Sactamente 🙏

[MarioYellowy]

Pero igual el target no es SSR, es CSR, en todo caso lo que podemos hacer es un feature flag para hacer conditional compilation ✨

Eso

Dime mañana, en tu video no dices nada de eso:
chttps://www.youtube.com/watch?v=wwRleErAWZA
Dislike

[Phosphorus-M]

Maldición Mario, tienes razón, y encima no tengo ningún video acerca de conditional compilation (CREO) 😭

[Phosphorus-M]

Suggested change

	let (theme_storage_state, set_theme_storage_state) =
	use_cookie::<Theme, JsonSerdeCodec>(COOKIE_KEY);
	let (theme_storage_state, set_theme_storage_state, _) =
	use_local_storage::<Theme, JsonSerdeCodec>(STORAGE_KEY);

[Phosphorus-M]

Suggested change

	use leptos_use::{use_cookie, use_media_query};
	use leptos_use::{storage::use_local_storage, use_media_query};