Switch from println to log from gloo-console

Cargo.lock

@@ -4297,9 +4297,9 @@ dependencies = [
 
 [[package]]
 name = "serde_json"
-version = "1.0.136"
+version = "1.0.138"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "336a0c23cf42a38d9eaa7cd22c7040d04e1228a19a933890805ffd00a16437d2"
+checksum = "d434192e7da787e94a6ea7e9670b26a036d0ca41e0b7efb2676dd32bae872949"
 dependencies = [
  "itoa",
  "memchr",
@@ -5479,9 +5479,13 @@ checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
 name = "visions-client"
 version = "0.1.0"
 dependencies = [
+ "gloo-console",
  "gloo-net 0.6.0",
  "serde 1.0.217",
+ "serde-wasm-bindgen",
+ "serde_json",
  "wasm-bindgen-futures",
+ "web-sys",
  "yew",
 ]
 

visions/ui/Cargo.toml

@@ -4,6 +4,7 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
+gloo-console = "0.3.0"
 gloo-net = "0.6.0"
 serde = { version = "1.0.217", features = ["derive"] }
 serde-wasm-bindgen = "0.6.5"

visions/ui/src/main.rs

@@ -1,5 +1,6 @@
 use std::rc::Rc;
 
+use gloo_console::log;
 use web_sys::HtmlInputElement;
 use yew::prelude::*;
 
@@ -60,7 +61,7 @@ fn Login(LoginProps { on_login }: &LoginProps) -> Html {
         let username_node_ref = username_node_ref.clone();
         Callback::from(move |_| {
             let input = username_node_ref.cast::<HtmlInputElement>().unwrap();
-            println!("username changed: {}", input.value());
+            log!("username changed: {}", input.value());
             username.set(input.value());
         })
     };
@@ -70,7 +71,7 @@ fn Login(LoginProps { on_login }: &LoginProps) -> Html {
         let password_node_ref = password_node_ref.clone();
         Callback::from(move |_| {
             let input = password_node_ref.cast::<HtmlInputElement>().unwrap();
-            println!("password changed: {}", input.value());
+            log!("password changed: {}", input.value());
             password.set(input.value());
         })
     };

visions/yew-app/design.css

@@ -0,0 +1,3 @@
+body {
+    background-color: hsl(0, 0%, 50%);
+}