todo-item-template-2

template.hbs

{{! src/ui/components/todo-item/template.hbs }}

<li>
  <p 
    data-checked={{@item.isDone}}
    onclick={{action @toggleItem @item}}
  >
    {{@item.text}}
  </p>

  <button onclick={{action @deleteItem @item}}>
    Delete item
  </button>
</li>