mirror of
https://github.com/kristoferssolo/kristofersxyz-rs.git
synced 2025-10-21 20:10:36 +00:00
60 lines
1.6 KiB
Rust
60 lines
1.6 KiB
Rust
use leptos::prelude::*;
|
|
use leptos_meta::{provide_meta_context, MetaTags, Stylesheet, Title};
|
|
use leptos_router::{
|
|
components::{Route, Router, Routes},
|
|
StaticSegment,
|
|
};
|
|
|
|
pub fn shell(options: LeptosOptions) -> impl IntoView {
|
|
view! {
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<AutoReload options=options.clone()/>
|
|
<HydrationScripts options/>
|
|
<MetaTags/>
|
|
</head>
|
|
<body>
|
|
<App/>
|
|
</body>
|
|
</html>
|
|
}
|
|
}
|
|
|
|
#[component]
|
|
pub fn App() -> impl IntoView {
|
|
// Provides context that manages stylesheets, titles, meta tags, etc.
|
|
provide_meta_context();
|
|
|
|
view! {
|
|
<Stylesheet id="leptos" href="/pkg/start-axum-workspace.css"/>
|
|
|
|
// sets the document title
|
|
<Title text="Welcome to Leptos"/>
|
|
|
|
// content for this welcome page
|
|
<Router>
|
|
<main>
|
|
<Routes fallback=|| "Page not found.".into_view()>
|
|
<Route path=StaticSegment("") view=HomePage/>
|
|
</Routes>
|
|
</main>
|
|
</Router>
|
|
}
|
|
}
|
|
|
|
/// Renders the home page of your application.
|
|
#[component]
|
|
fn HomePage() -> impl IntoView {
|
|
// Creates a reactive value to update the button
|
|
let count = RwSignal::new(0);
|
|
let on_click = move |_| *count.write() += 1;
|
|
|
|
view! {
|
|
<h1>"Welcome to Leptos!"</h1>
|
|
<button on:click=on_click>"Click Me: " {count}</button>
|
|
}
|
|
}
|