adam/leptos-use
1
0
Fork 0
mirror of https://github.com/adoyle0/leptos-use.git synced 2025-01-22 16:49:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

added use_local_storage to ssr example

Browse source
This commit is contained in:
Maccesch 2024-01-16 10:36:28 +00:00
parent 37f4a928c9
commit 93b827dfc3
1 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
examples/ssr/src/app.rs
View file

@ -5,8 +5,9 @@ use leptos_meta::*;
use leptos_router::*;
use leptos_use::storage::{use_local_storage, StringCodec};
use leptos_use::{
use_color_mode, use_debounce_fn, use_event_listener, use_intl_number_format, use_timestamp,
use_window, ColorMode, UseColorModeReturn, UseIntlNumberFormatOptions,
use_color_mode, use_debounce_fn, use_event_listener, use_interval, use_intl_number_format,
use_timestamp, use_window, ColorMode, UseColorModeReturn, UseIntervalReturn,
UseIntlNumberFormatOptions,
};
#[component]
@ -78,5 +79,23 @@ fn HomePage() -> impl IntoView {
<button on:click=move |_| set_mode.set(ColorMode::Dark)>Change to Dark</button>
<button on:click=move |_| set_mode.set(ColorMode::Auto)>Change to Auto</button>
<p>{timestamp}</p>
<LocalStorageTest/>
}
}
#[component]
pub fn LocalStorageTest() -> impl IntoView {
let UseIntervalReturn { counter, .. } = use_interval(1000);
logging::log!("test log");
let (state, set_state, ..) = use_local_storage::<String, StringCodec>("test-state");
view! {
<p>{counter}</p>
<input
class="block"
prop:value=move || state.get()
on:input=move |e| set_state.update(|s| *s = event_target_value(&e))
type="text"
/>
}
}