Update docs to reflect changes in master (#670)

* work on updating docs to master version

* more updates

* more polishing

* finish interactivity chapter

* finish updating core guide

* fix grammer mistakes and typos

* more grammer fixes

* add liveview guide

* remove doc build

* WIP custom renderer docs

* add axum as dev-dependancy to guide

* fix examples

* fix overview example

* use md book fork to fix compilation

docs/guide/examples/use_future.rs

@@ -12,49 +12,51 @@ struct ApiResponse {
     image_url: String,
 }
 
+#[rustfmt::skip]
 fn App(cx: Scope) -> Element {
-    // ANCHOR: use_future
-    let future = use_future(cx, (), |_| async move {
-        reqwest::get("https://dog.ceo/api/breeds/image/random")
-            .await
-            .unwrap()
-            .json::<ApiResponse>()
-            .await
-    });
-    // ANCHOR_END: use_future
+// ANCHOR: use_future
+let future = use_future(cx, (), |_| async move {
+    reqwest::get("https://dog.ceo/api/breeds/image/random")
+        .await
+        .unwrap()
+        .json::<ApiResponse>()
+        .await
+});
+// ANCHOR_END: use_future
 
-    // ANCHOR: render
-    cx.render(match future.value() {
-        Some(Ok(response)) => rsx! {
-            button {
-                onclick: move |_| future.restart(),
-                "Click to fetch another doggo"
+// ANCHOR: render
+cx.render(match future.value() {
+    Some(Ok(response)) => rsx! {
+        button {
+            onclick: move |_| future.restart(),
+            "Click to fetch another doggo"
+        }
+        div {
+            img {
+                max_width: "500px",
+                max_height: "500px",
+                src: "{response.image_url}",
             }
-            div {
-                img {
-                    max_width: "500px",
-                    max_height: "500px",
-                    src: "{response.image_url}",
-                }
-            }
-        },
-        Some(Err(_)) => rsx! { div { "Loading dogs failed" } },
-        None => rsx! { div { "Loading dogs..." } },
-    })
-    // ANCHOR_END: render
+        }
+    },
+    Some(Err(_)) => rsx! { div { "Loading dogs failed" } },
+    None => rsx! { div { "Loading dogs..." } },
+})
+// ANCHOR_END: render
 }
 
+#[rustfmt::skip]
 #[inline_props]
 fn RandomDog(cx: Scope, breed: String) -> Element {
-    // ANCHOR: dependency
-    let future = use_future(cx, (breed,), |(breed,)| async move {
-        reqwest::get(format!("https://dog.ceo/api/breed/{breed}/images/random"))
-            .await
-            .unwrap()
-            .json::<ApiResponse>()
-            .await
-    });
-    // ANCHOR_END: dependency
+// ANCHOR: dependency
+let future = use_future(cx, (breed,), |(breed,)| async move {
+    reqwest::get(format!("https://dog.ceo/api/breed/{breed}/images/random"))
+        .await
+        .unwrap()
+        .json::<ApiResponse>()
+        .await
+});
+// ANCHOR_END: dependency
 
     cx.render(rsx!(()))
 }