component Counter {
    state {
        count: Int = 0
    }

    template {
        <div class="counter">
            <h1 class="count">{count}</h1>
            <div class="buttons">
                <button on:click={() => count = count + 1}>+</button>
                <button on:click={() => count = count - 1}>-</button>
            </div>
        </div>
    }
}

component App {
    template {
        <div class="app">
            <Counter />
        </div>
    }
}