begin
  template = <<~HTML
    <div class="app-container">
      <h2>{{ title }}</h2>
      <ul>
        <li #each="item in items">{{ item }}</li>
      </ul>
      <ul>
        <li #each="user in users">Name: {{ user[:name] }}, Age: {{ user[:age] }}</li>
      </ul>
    </div>
  HTML

  state = {
    title: "rb-wasm-vdom Example App (Array Rendering)",
    items: ["Buy milk", "Write Ruby", "Ship wasm app"],
    users: [
      { name: "foo", age: 10 },
      { name: "bar", age: 20 },
      { name: "baz", age: 30 },
    ]
  }

  # Initialize and mount the application
  RbWasmVdom.create_app("#app", template: template, state: state)

rescue Exception => e
  message = "#{e.class}: #{e.message}\n#{e.backtrace&.join("\n")}"
  JS.global[:console].error(message)
end