import { Controller } from "@hotwired/stimulus";

export default class extends Controller {
  static targets = ["result"];

  static values = {
    count: Number,
  };

  connect() {
    console.log("count#connect");

    this.resultTarget.textContent = this.countValue;
  }

  countValueChanged() {
    console.log("count#countValueChanged");

    this.resultTarget.textContent = this.countValue;
  }

  decrement() {
    console.log("count#decrement");

    if (this.countValue > 0) {
      this.countValue = this.countValue - 1;
    }
  }

  increment() {
    console.log("count#increment");

    this.countValue = this.countValue + 1;
  }
}