1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
//!A wrapper of [Element Plus](https://element-plus.org) for [Leptos](https://leptos.dev/).
//!
//!Explore the combination of Vue components with Leptos,it's simply for the sake of reusing the wheel.
//!
//!
//!# A Simple
//!main.rs
//!```rust
//!mod app;
//!
//!use leptos::*;
//!use leptos_meta::provide_meta_context;
//!
//!use app::*;
//!use leptos_element_plus::ElementPlusSetup;
//!
//!fn main() {
//! _ = console_log::init_with_level(log::Level::Debug);
//!
//! provide_meta_context();
//! mount_to_body(|| {
//! view! {
//! <ElementPlusSetup/>
//! <App/>
//! }
//! })
//!}
//!```
//!app.rs
//!```rust
//!use leptos::*;
//!use leptos::logging::log;
//!use js_sys::Date;
//!
//!use leptos_element_plus::components::el_date_time_picker::DateTimePicker;
//!
//!#[component]
//!pub fn App() -> impl IntoView {
//! let date = create_rw_signal(Date::new_0());
//! create_effect(move|_| {
//! log!("date: {:?}", date.get().to_string());
//! });
//! view! {
//! <div class="flex flex-col p-6 space-y-4">
//! <DateTimePicker
//! value=date
//! placeholder="Select date and time"
//! />
//! </div>
//! }
//!}
//!```
pub use ElementPlusSetup;