feat: Leptos template (#502)

* feat: Leptos template

Upgrade to leptos 0.5, serde-wasm-bindgen 0.6 and fixing some `cargo fmt`

* Create 502_upgrade_leptos_template.md

* Update .changes/502_upgrade_leptos_template.md

---------

Co-authored-by: Amr Bashir <amr.bashir2015@gmail.com>

Author: heyzooi

.changes/502_upgrade_leptos_template.md

@@ -0,0 +1,6 @@
+---
+"create-tauri-app": minor
+"create-tauri-app-js": minor
+---
+
+Upgrade to leptos 0.5, serde-wasm-bindgen 0.6 and fixing some `cargo fmt`

packages/cli/fragments/_base_/src-tauri/build.rs

@@ -1,3 +1,3 @@
 fn main() {
-  tauri_build::build()
+    tauri_build::build()
 }

packages/cli/fragments/fragment-leptos/_Cargo.toml

@@ -5,9 +5,9 @@ edition = "2021"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 [dependencies]
-leptos = { version = "0.4", features = ["csr"] }
+leptos = { version = "0.5", features = ["csr"] }
 serde = { version = "1.0", features = ["derive"] }
-serde-wasm-bindgen = "0.5"
+serde-wasm-bindgen = "0.6"
 wasm-bindgen = { version = "0.2", features = ["serde-serialize"] }
 wasm-bindgen-futures = "0.4"
 js-sys = "0.3"

packages/cli/fragments/fragment-leptos/src/app.rs

@@ -1,4 +1,4 @@
-use leptos::leptos_dom::ev::{SubmitEvent};
+use leptos::leptos_dom::ev::SubmitEvent;
 use leptos::*;
 use serde::{Deserialize, Serialize};
 use serde_wasm_bindgen::to_value;
@@ -16,9 +16,9 @@ struct GreetArgs<'a> {
 }
 
 #[component]
-pub fn App(cx: Scope) -> impl IntoView {
-    let (name, set_name) = create_signal(cx, String::new());
-    let (greet_msg, set_greet_msg) = create_signal(cx, String::new());
+pub fn App() -> impl IntoView {
+    let (name, set_name) = create_signal(String::new());
+    let (greet_msg, set_greet_msg) = create_signal(String::new());
 
     let update_name = move |ev| {
         let v = event_target_value(&ev);
@@ -39,7 +39,7 @@ pub fn App(cx: Scope) -> impl IntoView {
         });
     };
 
-    view! { cx,
+    view! {
         <main class="container">
             <div class="row">
                 <a href="https://tauri.app" target="_blank">
@@ -73,4 +73,4 @@ pub fn App(cx: Scope) -> impl IntoView {
             <p><b>{ move || greet_msg.get() }</b></p>
         </main>
     }
-}
+}

packages/cli/fragments/fragment-leptos/src/main.rs

@@ -4,8 +4,8 @@ use app::*;
 use leptos::*;
 
 fn main() {
-    mount_to_body(|cx| {
-        view! { cx,
+    mount_to_body(|| {
+        view! {
             <App/>
         }
     })