🔧 Fix(Fragments/Leptos): Fix unwanted refresh and update to Leptos v0.2 (#362)

* 🔧 Fix(Fragments/Leptos): Fix unwanted refresh when clicking on the button

Basically just a `preventDefault()` :)

* 🗿 Chore(Fragments/Leptos): Update to Leptos v0.2.1

* 🗿 Chore: Create changes.md

I don't know if this is needed or not... but anyway!

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

* Update app.rs

* Update .changes/changes.md


* 🗿 Chore: Add all necessary files to the `.changes` folder


* 🛠️ Refactor(Fragments/Leptos): Remove `web-sys`

Leptos v0.2 doesn't re-export the `Event` type from the `web-sys` so in order to remove the `web-sys` we need to remove the explicit type from the `update_name` closure


---------

Author: pikhosh

.changes/fix-refresh.md

@@ -0,0 +1,5 @@
+---
+"create-tauri-app": patch
+---
+
+Fix unwanted refresh when clicking on the greet button in `leptos` template

.changes/update-leptos.md

@@ -0,0 +1,5 @@
+---
+"create-tauri-app": patch
+---
+
+Update Leptos to v0.2

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

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

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

@@ -1,4 +1,4 @@
-use leptos::web_sys::{Event, SubmitEvent};
+use leptos::leptos_dom::ev::{SubmitEvent};
 use leptos::*;
 use serde::{Deserialize, Serialize};
 use serde_wasm_bindgen::to_value;
@@ -20,12 +20,13 @@ 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());
 
-    let update_name = move |ev: Event| {
+    let update_name = move |ev| {
         let v = event_target_value(&ev);
         set_name.set(v);
     };
 
-    let greet = move |_ev: SubmitEvent| {
+    let greet = move |ev: SubmitEvent| {
+        ev.prevent_default();
         spawn_local(async move {
             if name.get().is_empty() {
                 return;
@@ -72,4 +73,4 @@ pub fn App(cx: Scope) -> impl IntoView {
             <p><b>{ move || greet_msg.get() }</b></p>
         </main>
     }
-}
+}