Merge pull request #25 from rocal-dev/fix/void-tag

Fix close void tag

Author: sashiyama

Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "rocal-ui"
-version = "0.1.10"
+version = "0.1.11"
 edition = "2021"
 
 authors = ["Yoshiki Sashiyama <yoshi@rocal.dev>"]

rocal_ui/Cargo.toml

@@ -83,9 +83,15 @@ impl Html {
                         };
                     }
 
-                    out.push(quote! {
-                        html.push_str(">");
-                    });
+                    if element.is_void() {
+                        out.push(quote! {
+                            html.push_str(" />");
+                        });
+                    } else {
+                        out.push(quote! {
+                            html.push_str(">");
+                        });
+                    }
                 }
 
                 if !element.is_void() {

rocal_ui/src/html/to_tokens.rs

@@ -147,4 +147,23 @@ mod tests {
         assert!(out.contains("async"));
         assert!(out.contains("defer"));
     }
+
+    #[test]
+    fn svg_image() {
+        let out = gen(quote! {
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"/>
+              <path d="m14 7 3 3"/>
+              <path d="M5 6v4"/>
+              <path d="M19 14v4"/>
+              <path d="M10 2v2"/>
+              <path d="M7 8H3"/>
+              <path d="M21 16h-4"/>
+              <path d="M11 3H9"/>
+            </svg>
+        });
+
+        assert!(out.contains("svg"));
+        assert!(out.contains("path"));
+    }
 }