<div id="todo-list">
  <input v-model="todoText" placeholder="Input TODO"/>
  <button v-on="click:add" v-attr="disabled:!todoText">Add</button>
  <button v-on="click:deleteAll">Delete all</button>

  <div v-repeat="items">
    <span v-on="click:done=!done" v-style="text-decoration:done?'line-through':''">{{$index}} - {{text}}</span>
    <button v-on="click:delete">Delete</button>
  </div>
</div>