windjammer-ui 0.3.6

// Working counter example for web (WASM)
use windjammer_ui.prelude.*
use windjammer_ui.vdom.{VElement, VNode, VText}

@component
struct Counter {
    count: int,
}

impl Component for Counter {
    fn render() -> VNode {
        VElement.new("div")
            .attr("class", "counter")
            .child(VNode.Element(
                VElement.new("h1")
                    .attr("style", "font-family: Arial, sans-serif; color: #333;")
                    .child(VNode.Text(
                        VText.new("Count: {count}")
                    ))
            ))
            .child(VNode.Element(
                VElement.new("button")
                    .attr("onclick", "increment")
                    .attr("style", "padding: 10px 20px; font-size: 16px; cursor: pointer; background: #4CAF50; color: white; border: none; border-radius: 4px;")
                    .child(VNode.Text(VText.new("Increment")))
            ))
            .into()
    }
}

fn main() {
    // Create a counter component with initial count of 0
    let counter = Counter.new()
    
    // Mount it to the #app div
    let result = mount("#app", counter)
    print("Counter mounted!")
}