Remove curly bracket in rsx

[thanhdatvo]

Hi,
I feel curly brackets in rsx are quite overwhelming.

    cx.render(rsx!(
        div {
            class: "card-container",
            style: "width: 300px; border: 1px solid #ccc; padding: 20px; border-radius: 8px;",

            h2 { "Rustacean Profile" }

            img {
                src: "https://www.rust-lang.org/logos/rust-logo-512x512.png",
                alt: "Rust logo",
                style: "width: 100%; border-radius: 4px;"
            }

            p {
                "Hello! I'm a Rustacean. I love systems programming and building safe, fast apps."
            }

            button {
                onclick: move |_| show_details.set(!show_details()),
                if *show_details.get() { "Hide details" } else { "Show details" }
            }

            if *show_details.get() {
                div {
                    style: "margin-top: 10px; font-size: 14px;",
                    ul {
                        li { "🦀 Fluent in Rust" }
                        li { "🚀 Focused on performance" }
                        li { "🔐 Safety-first mindset" }
                    }
                }
            }

            div {
                style: "margin-top: 20px;",
                button {
                    onclick: move |_| likes.set(likes() + 1),
                    "❤️ Like ({likes})"
                }
            }
        }
    ))

This could be rewritten like this for the sake of peace of mind:

    cx.render(rsx!(
        div 
            class: "card-container"
            style: "width: 300px; border: 1px solid #ccc; padding: 20px; border-radius: 8px;"
            h2 
                "Rustacean Profile" 

            img 
                src: "https://www.rust-lang.org/logos/rust-logo-512x512.png"
                alt: "Rust logo"
                style: "width: 100%; border-radius: 4px;"
            

            p 
                "Hello! I'm a Rustacean. I love systems programming and building safe, fast apps."

            button 
                onclick: move |_| show_details.set(!show_details())
                if *show_details.get()  
                      "Hide details" 
                else 
                      "Show details" 
            

            if *show_details.get() 
                div 
                    style: "margin-top: 10px; font-size: 14px;"
                    ul 
                        li 
                           "🦀 Fluent in Rust" 
                        li  
                            "🚀 Focused on performance" 
                        li 
                            "🔐 Safety-first mindset"

            div 
                style: "margin-top: 20px;"
                button 
                    onclick: move |_| likes.set(likes() + 1)
                    "❤️ Like ({likes})"
    ))