release 0.7

2025-01-22 16:49:22 -05:00 · 2023-09-30 18:24:06 +01:00 · 2023-09-30 18:24:06 +01:00 · c45c31fa9a
commit c45c31fa9a
parent 7e988c42ea
62 changed files with 161 additions and 124 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -3,7 +3,7 @@
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

-## [Unreleased] -
+## [0.7.0] - 2023-09-30

 ### New Functions 🚀

@ -46,8 +46,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - `use_websocket` can use relative urls now
 - Callbacks in options don't require to be cloneable anymore
 - Callback in `use_raf_fn` doesn't require to be cloneable anymore
- All (!) functions can now be safely called on the server. Specifically this includes the following that
- panicked on the server:
+- All (!) functions can now be safely called on the server. Specifically this includes the following that before
+  panicked on the server:
    - `use_scroll`
    - `use_event_listener`
    - `use_element_hover`
--- a/Cargo.toml
+++ b/Cargo.toml
@ -1,6 +1,6 @@
 [package]
 name = "leptos-use"
-version = "0.7.0-rc"
+version = "0.7.0"
 edition = "2021"
 authors = ["Marc-Stefan Cassola"]
 categories = ["gui", "web-programming"]
@ -13,7 +13,7 @@ repository = "https://github.com/Synphonyte/leptos-use"
 homepage = "https://leptos-use.rs"

 [dependencies]
-leptos = "0.5.0-rc3"
+leptos = "0.5"
 wasm-bindgen = "0.2"
 js-sys = "0.3"
 default-struct-builder = "0.5"
--- a/README.md
+++ b/README.md
@ -13,7 +13,7 @@
    <a href="https://crates.io/crates/leptos-use"><img src="https://img.shields.io/crates/v/leptos-use.svg?label=&color=%232C1275" alt="Crates.io"/></a>
    <a href="https://leptos-use.rs/server_side_rendering.html"><img src="https://img.shields.io/badge/-SSR-%236a214b" alt="SSR"></a> 
    <a href="https://leptos-use.rs"><img src="https://img.shields.io/badge/-docs%20%26%20demos-%239A233F" alt="Docs & Demos"></a> 
-    <a href="https://leptos-use.rs"><img src="https://img.shields.io/badge/-51%20functions-%23EF3939" alt="51 Functions" /></a>
+    <a href="https://leptos-use.rs"><img src="https://img.shields.io/badge/-58%20functions-%23EF3939" alt="58 Functions" /></a>
 </p>

 <br/>
@ -82,7 +82,8 @@ python3 post_build.py use_storage

 ### New Function Template

-To scaffold a new function quickly you can run `template/createfn.sh`. It requires that [`ffizer`](https://ffizer.github.io/) is installed.
+To scaffold a new function quickly you can run `template/createfn.sh`. It requires that [`ffizer`](https://ffizer.github.io/) and Python 3 is installed.
+This will create the function file in the src directory, scaffold an example directory and an entry in the book.

 ## Leptos compatibility

@ -90,4 +91,4 @@ To scaffold a new function quickly you can run `template/createfn.sh`. It requir
 |---------------|---------------------------|
 | <= 0.3        | 0.3                       |
 | 0.4, 0.5, 0.6 | 0.4                       |
-| main          | 0.5.0-alpha/beta/rc       |
+| 0.7           | 0.5                       |
--- a/docs/add_version_to_docs.py
+++ b/docs/add_version_to_docs.py
@ -64,7 +64,7 @@ def add_to_compat_table(leptos_version: str, crate_version: str, original_text:

    if table_row is None:
        lines.append(f"| {crate_version} | {leptos_version} |")
-    elif re.search(rf"^\| .*? {crate_version}\s*\| {leptos_version}", table_row) is not None:
+    elif re.search(rf"^\| (.* )?{crate_version}\s*\| {leptos_version}", table_row) is not None:
        return original_text
    else:
        index = table_row.index("|", 1)
--- a/docs/book/src/introduction.md
+++ b/docs/book/src/introduction.md
@ -12,6 +12,6 @@
    <a href="https://crates.io/crates/leptos-use"><img src="https://img.shields.io/crates/v/leptos-use.svg?label=&color=%232C1275" alt="Crates.io"/></a>
    <a href="https://leptos-use.rs/server_side_rendering.html"><img src="https://img.shields.io/badge/-SSR-%236a214b" alt="SSR"></a> 
    <a href="./get_started.html"><img src="https://img.shields.io/badge/-docs%20%26%20demos-%239A233F" alt="Docs & Demos"></a> 
-    <a href="./functions.html"><img src="https://img.shields.io/badge/-51%20functions-%23EF3939" alt="51 Functions" /></a>
+    <a href="./functions.html"><img src="https://img.shields.io/badge/-58%20functions-%23EF3939" alt="58 Functions" /></a>
 </p>
 </div>
--- a/examples/on_click_outside/Cargo.toml
+++ b/examples/on_click_outside/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/signal_debounced/Cargo.toml
+++ b/examples/signal_debounced/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/signal_throttled/Cargo.toml
+++ b/examples/signal_throttled/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/ssr/Cargo.toml
+++ b/examples/ssr/Cargo.toml
@ -11,10 +11,10 @@ axum = { version = "0.6.4", optional = true }
 console_error_panic_hook = "0.1"
 console_log = "1"
 cfg-if = "1"
-leptos = { version = "0.5.0-rc3", features = ["nightly"] }
-leptos_axum = { version = "0.5.0-rc3", optional = true }
-leptos_meta = { version = "0.5.0-rc3", features = ["nightly"] }
-leptos_router = { version = "0.5.0-rc3", features = ["nightly"] }
+leptos = { version = "0.5", features = ["nightly"] }
+leptos_axum = { version = "0.5", optional = true }
+leptos_meta = { version = "0.5", features = ["nightly"] }
+leptos_router = { version = "0.5", features = ["nightly"] }
 leptos-use = { path = "../..", features = ["storage"] }
 log = "0.4"
 simple_logger = "4"
--- a/examples/ssr/src/app.rs
+++ b/examples/ssr/src/app.rs
@ -64,10 +64,24 @@ fn HomePage() -> impl IntoView {
    debounced_fn();

    view! {
-        <h1>Leptos-Use SSR Example</h1>
-        <button on:click=on_click>Click Me: {count}</button>
-        <p>Locale zh-Hans-CN-u-nu-hanidec: {zh_count}</p>
-        <p>Press any key: {key}</p>
-        <p>Debounced called: {debounce_value}</p>
+        <h1>
+            Leptos-Use SSR Example
+        </h1>
+        <button on:click=on_click>
+            Click Me:
+            {count}
+        </button>
+        <p>
+            Locale zh-Hans-CN-u-nu-hanidec:
+            {zh_count}
+        </p>
+        <p>
+            Press any key:
+            {key}
+        </p>
+        <p>
+            Debounced called:
+            {debounce_value}
+        </p>
    }
 }
--- a/examples/ssr/src/error_template.rs
+++ b/examples/ssr/src/error_template.rs
@ -61,7 +61,7 @@ pub fn ErrorTemplate(
            // a unique key for each item as a reference
            key=|(index, _error)| *index
            // renders each item to a view
-            view=move |error| {
+            children=move |error| {
                let error_string = error.1.to_string();
                let error_code = error.1.status_code();
                view! {
--- a/examples/use_abs/Cargo.toml
+++ b/examples/use_abs/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_active_element/Cargo.toml
+++ b/examples/use_active_element/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_active_element/src/main.rs
+++ b/examples/use_active_element/src/main.rs
@ -22,10 +22,10 @@ fn Demo() -> impl IntoView {
            <For
                each=move || (1..7)
                key=|i| *i
-                view=move |i| {
-                    view! { <input type="text" data-id=i class="!my-0 !min-w-0" placeholder=i/> }
-                }
-            />
+                let:i
+            >
+                <input type="text" data-id=i class="!my-0 !min-w-0" placeholder=i/>
+            </For>

        </div>

--- a/examples/use_breakpoints/Cargo.toml
+++ b/examples/use_breakpoints/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_ceil/Cargo.toml
+++ b/examples/use_ceil/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_color_mode/Cargo.toml
+++ b/examples/use_color_mode/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_css_var/Cargo.toml
+++ b/examples/use_css_var/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_cycle_list/Cargo.toml
+++ b/examples/use_cycle_list/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_debounce_fn/Cargo.toml
+++ b/examples/use_debounce_fn/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_document_visibility/Cargo.toml
+++ b/examples/use_document_visibility/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_draggable/Cargo.toml
+++ b/examples/use_draggable/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_drop_zone/Cargo.toml
+++ b/examples/use_drop_zone/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_drop_zone/src/main.rs
+++ b/examples/use_drop_zone/src/main.rs
@ -42,29 +42,27 @@ fn Demo() -> impl IntoView {
                        <For
                            each=files
                            key=|f| f.name()
-                            view=move |file| {
-                                view! {
-                                    <div class="w-200px bg-black-200/10 ma-2 pa-6">
-                                        <p>
-                                            Name:
-                                            {file.name()}
-                                        </p>
-                                        <p>
-                                            Size:
-                                            {file.size()}
-                                        </p>
-                                        <p>
-                                            Type:
-                                            {file.type_()}
-                                        </p>
-                                        <p>
-                                            Last modified:
-                                            {file.last_modified()}
-                                        </p>
-                                    </div>
-                                }
-                            }
-                        />
+                            let:file
+                        >
+                            <div class="w-200px bg-black-200/10 ma-2 pa-6">
+                                <p>
+                                    Name:
+                                    {file.name()}
+                                </p>
+                                <p>
+                                    Size:
+                                    {file.size()}
+                                </p>
+                                <p>
+                                    Type:
+                                    {file.type_()}
+                                </p>
+                                <p>
+                                    Last modified:
+                                    {file.last_modified()}
+                                </p>
+                            </div>
+                        </For>
                    </div>
                </div>
            </div>
--- a/examples/use_element_hover/Cargo.toml
+++ b/examples/use_element_hover/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_element_size/Cargo.toml
+++ b/examples/use_element_size/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_element_visibility/Cargo.toml
+++ b/examples/use_element_visibility/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_event_listener/Cargo.toml
+++ b/examples/use_event_listener/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_favicon/Cargo.toml
+++ b/examples/use_favicon/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_favicon/src/main.rs
+++ b/examples/use_favicon/src/main.rs
@ -21,6 +21,7 @@ fn Demo() -> impl IntoView {
                    set_icon.set(Some("favicon-leptos.ico".into()));
                }
            >
+
                <img
                    class=img_classes.clone()
                    width="32"
@ -37,6 +38,7 @@ fn Demo() -> impl IntoView {
                    set_icon.set(Some("favicon-red.svg".into()));
                }
            >
+
                <img
                    class=img_classes.clone()
                    width="32"
@ -53,6 +55,7 @@ fn Demo() -> impl IntoView {
                    set_icon.set(Some("favicon-green.svg".into()));
                }
            >
+
                <img
                    class=img_classes.clone()
                    width="32"
@ -69,6 +72,7 @@ fn Demo() -> impl IntoView {
                    set_icon.set(Some("favicon-blue.svg".into()));
                }
            >
+
                <img
                    class=img_classes.clone()
                    width="32"
@ -85,6 +89,7 @@ fn Demo() -> impl IntoView {
                    set_icon.set(Some("favicon-orange.svg".into()));
                }
            >
+
                <img
                    class=img_classes
                    width="32"
--- a/examples/use_floor/Cargo.toml
+++ b/examples/use_floor/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_geolocation/Cargo.toml
+++ b/examples/use_geolocation/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_geolocation/src/main.rs
+++ b/examples/use_geolocation/src/main.rs
@ -14,8 +14,11 @@ fn Demo() -> impl IntoView {

    view! {
        <pre lang="json">
-    coords: {move || if let Some(coords) = coords() {
-                        format!(r#"{{
+            coords:
+            {move || {
+                if let Some(coords) = coords() {
+                    format!(
+                        r#"{{
        accuracy: {},
        latitude: {},
        longitude: {},
@ -23,18 +26,25 @@ fn Demo() -> impl IntoView {
        altitude_accuracy: {:?},
        heading: {:?},
        speed: {:?},
-    }}"#, coords.accuracy(), coords.latitude(), coords.longitude(), coords.altitude(), coords.altitude_accuracy(), coords.heading(), coords.speed())
-                    } else {
-                        "None".to_string()
-                    }},
-    located_at: {located_at},
-    error: {move || if let Some(error) = error() {
-        error.message()
-    } else {"None".to_string()}},
-                </pre>
-                <button on:click=move |_| pause()>"Pause watch"</button>
-                <button on:click=move |_| resume()>"Resume watch"</button>
-            }
+    }}"#,
+                        coords.accuracy(), coords.latitude(), coords.longitude(), coords.altitude(),
+                        coords.altitude_accuracy(), coords.heading(), coords.speed()
+                    )
+                } else {
+                    "None".to_string()
+                }
+            }}
+            ,
+            located_at:
+            {located_at}
+            ,
+            error:
+            {move || if let Some(error) = error() { error.message() } else { "None".to_string() }}
+            ,
+        </pre>
+        <button on:click=move |_| pause()>"Pause watch"</button>
+        <button on:click=move |_| resume()>"Resume watch"</button>
+    }
 }

 fn main() {
--- a/examples/use_idle/Cargo.toml
+++ b/examples/use_idle/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_idle/src/main.rs
+++ b/examples/use_idle/src/main.rs
@ -14,13 +14,19 @@ fn Demo() -> impl IntoView {

    view! {
        <Note class="mb-2">
-            For demonstration purpose, the idle timeout is set to <b>5s</b> in this demo (default 1min).
+            For demonstration purpose, the idle timeout is set to
+            <b>
+                5s
+            </b>
+            in this demo (default 1min).
        </Note>
        <div class="mb-2">
-            Idle: <BooleanDisplay value=idle/>
+            Idle:
+            <BooleanDisplay value=idle/>
        </div>
        <div>
-            Inactive: <b>{idled_for}s</b>
+            Inactive:
+            <b>{idled_for} s</b>
        </div>
    }
 }
--- a/examples/use_intersection_observer/Cargo.toml
+++ b/examples/use_intersection_observer/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_interval/Cargo.toml
+++ b/examples/use_interval/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_interval_fn/Cargo.toml
+++ b/examples/use_interval_fn/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_intl_number_format/Cargo.toml
+++ b/examples/use_intl_number_format/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_media_query/Cargo.toml
+++ b/examples/use_media_query/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_mouse/Cargo.toml
+++ b/examples/use_mouse/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_mouse/src/main.rs
+++ b/examples/use_mouse/src/main.rs
@ -46,6 +46,7 @@ fn Demo() -> impl IntoView {
                        mouse_default.y.get(), mouse_default.source_type.get()
                    )
                }}
+
            </pre>
            <p class="font-semibold">"Extractor Usage"</p>
            <Note>"Only works when the mouse is over the demo element"</Note>
@ -59,6 +60,7 @@ fn Demo() -> impl IntoView {
                        .get(), mouse_with_extractor.y.get(), mouse_with_extractor.source_type.get()
                    )
                }}
+
            </pre>
        </div>
    }
--- a/examples/use_mutation_observer/Cargo.toml
+++ b/examples/use_mutation_observer/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_mutation_observer/src/main.rs
+++ b/examples/use_mutation_observer/src/main.rs
@ -46,8 +46,10 @@ fn Demo() -> impl IntoView {
                each=move || enum_msgs.get()
                // list only grows so this is fine here
                key=|message| message.0
-                view=|message| view! { <div>"Mutation Attribute: " <code>{message.1}</code></div> }
-            />
+                let:message
+            >
+                <div>"Mutation Attribute: " <code>{message.1}</code></div>
+            </For>
        </div>
    }
 }
--- a/examples/use_raf_fn/Cargo.toml
+++ b/examples/use_raf_fn/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_resize_observer/Cargo.toml
+++ b/examples/use_resize_observer/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_round/Cargo.toml
+++ b/examples/use_round/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_scroll/Cargo.toml
+++ b/examples/use_scroll/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_storage/Cargo.toml
+++ b/examples/use_storage/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_storage/src/main.rs
+++ b/examples/use_storage/src/main.rs
@ -51,6 +51,7 @@ fn Demo() -> impl IntoView {
                set_state
                    .update(|s| s.count = event_target_value(&e).parse::<f64>().unwrap() as u32)
            }
+
            type="number"
            min="0"
            step="1"
--- a/examples/use_throttle_fn/Cargo.toml
+++ b/examples/use_throttle_fn/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_timestamp/Cargo.toml
+++ b/examples/use_timestamp/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_timestamp/src/main.rs
+++ b/examples/use_timestamp/src/main.rs
@ -7,7 +7,10 @@ fn Demo() -> impl IntoView {
    let timestamp = use_timestamp();

    view! {
-        <div>Timestamp: {timestamp}</div>
+        <div>
+            Timestamp:
+            {timestamp}
+        </div>
    }
 }

--- a/examples/use_websocket/Cargo.toml
+++ b/examples/use_websocket/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_websocket/src/main.rs
+++ b/examples/use_websocket/src/main.rs
@ -182,10 +182,10 @@ fn Demo() -> impl IntoView {
                    <For
                        each=move || history.get().into_iter().enumerate()
                        key=|(index, _)| *index
-                        view=move |(_, message)| {
-                            view! { <div>{message}</div> }
-                        }
-                    />
+                        let:item
+                    >
+                        <div>{item.1}</div>
+                    </For>

                </div>
                <div class="w-full lg:w-1/2">
@ -216,11 +216,10 @@ fn Demo() -> impl IntoView {
                        <For
                            each=move || history2.get().into_iter().enumerate()
                            key=|(index, _)| *index
-                            view=move |(_, message)| {
-                                view! { <li>{message}</li> }
-                            }
-                        />
-
+                            let:item
+                        >
+                            <li>{item.1}</li>
+                        </For>
                    </ul>
                </div>
            </div>
--- a/examples/use_window_focus/Cargo.toml
+++ b/examples/use_window_focus/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/use_window_scroll/Cargo.toml
+++ b/examples/use_window_scroll/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/watch_debounced/Cargo.toml
+++ b/examples/watch_debounced/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/watch_pausable/Cargo.toml
+++ b/examples/watch_pausable/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/examples/watch_throttled/Cargo.toml
+++ b/examples/watch_throttled/Cargo.toml
@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"

 [dependencies]
-leptos = { version = "0.5.0-rc3", features = ["nightly", "csr"] }
+leptos = { version = "0.5", features = ["nightly", "csr"] }
 console_error_panic_hook = "0.1"
 console_log = "1"
 log = "0.4"
--- a/src/docs/boolean_display.rs
+++ b/src/docs/boolean_display.rs
@ -18,8 +18,5 @@ pub fn BooleanDisplay(
        )
    };

-    view! {         <span class=class>
-            { move || if value.get() { true_str} else { false_str } }
-        </span>
-    }
+    view! { <span class=class>{move || if value.get() { true_str } else { false_str }}</span> }
 }
--- a/src/docs/note.rs
+++ b/src/docs/note.rs
@ -4,6 +4,5 @@ use leptos::*;
 pub fn Note(#[prop(optional, into)] class: String, children: Children) -> impl IntoView {
    let class = format!("note {class}");

-    view! {         <div class=class>{ children() }</div>
-    }
+    view! { <div class=class>{children()}</div> }
 }