jsx-front.tsx

/** @jsxImportSource hono/jsx */
import './style.css'
import { Component, render } from './front'

class Counter extends Component {
  count = 0

  increment() {
    this.count++
    this.update()
  }

  render() {
    return (
      <div>
        <div>Counter: {this.count}</div>
        <button onClick={() => this.increment()}>Increment</button>
      </div>
    )
  }
}

render(<Counter />, document.querySelector<HTMLElement>('#app')!)