Add dxfmt::skip and workspace recommendations

.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+    "recommendations": [
+        "dioxuslabs.dioxus",
+        "rust-lang.rust-analyzer"
+    ]
+}

.vscode/settings.json

@@ -1,7 +1,10 @@
 {
-  "editor.formatOnSave": true,
+  "editor.formatOnSave": false,
   "[toml]": {
     "editor.formatOnSave": false
   },
+  "[rust]": {
+    "editor.defaultFormatter": "DioxusLabs.dioxus"
+  },
   "rust-analyzer.checkOnSave.allTargets": false,
 }

packages/dioxus-tui/tests/events.rs

@@ -134,12 +134,13 @@ fn mouse_up() {
             modifiers: KeyModifiers::NONE,
         }));
         cx.render(rsx! {
-            div { 
+            #[dxfmt::skip]
-                width: "100%", 
+            div {
-                height: "100%", 
+                width: "100%",
+                height: "100%",
                 onmouseup: move |_| {
                     tui_ctx.quit();
-                } 
+                }
             }
         })
     }
@@ -173,12 +174,13 @@ fn mouse_enter() {
             modifiers: KeyModifiers::NONE,
         }));
         cx.render(rsx! {
-            div { 
+            #[dxfmt::skip]
-                width: "50%", 
+            div {
-                height: "50%", 
+                width: "50%",
+                height: "50%",
                 onmouseenter: move |_| {
                     tui_ctx.quit();
-                } 
+                }
             }
         })
     }
@@ -212,12 +214,13 @@ fn mouse_exit() {
             modifiers: KeyModifiers::NONE,
         }));
         cx.render(rsx! {
-            div { 
+            #[dxfmt::skip]
-                width: "50%", 
+            div {
-                height: "50%", 
+                width: "50%",
+                height: "50%",
                 onmouseenter: move |_| {
                     tui_ctx.quit();
-                } 
+                }
             }
         })
     }
@@ -251,12 +254,13 @@ fn mouse_move() {
             modifiers: KeyModifiers::NONE,
         }));
         cx.render(rsx! {
-            div { 
+            #[dxfmt::skip]
-                width: "100%", 
+            div {
-                height: "100%", 
+                width: "100%",
+                height: "100%",
                 onmousemove: move |_| {
                     tui_ctx.quit();
-                } 
+                }
             }
         })
     }
@@ -330,12 +334,13 @@ fn click() {
             modifiers: KeyModifiers::NONE,
         }));
         cx.render(rsx! {
-            div { 
+            #[dxfmt::skip]
-                width: "100%", 
+            div {
-                height: "100%", 
+                width: "100%",
+                height: "100%",
                 onclick: move |_| {
                     tui_ctx.quit();
-                } 
+                }
             }
         })
     }
@@ -369,12 +374,13 @@ fn context_menu() {
             modifiers: KeyModifiers::NONE,
         }));
         cx.render(rsx! {
-            div { 
+            #[dxfmt::skip]
-                width: "100%", 
+            div {
-                height: "100%", 
+                width: "100%",
+                height: "100%",
                 oncontextmenu: move |_| {
                     tui_ctx.quit();
-                } 
+                }
             }
         })
     }