|
@ -15,7 +15,7 @@ |
|
|
autofocus autocomplete="off" |
|
|
autofocus autocomplete="off" |
|
|
placeholder="What needs to be done?" |
|
|
placeholder="What needs to be done?" |
|
|
v-model="newTodo" |
|
|
v-model="newTodo" |
|
|
@keypress.enter="addTodo"> |
|
|
@keyup.enter="addTodo"> |
|
|
</header> |
|
|
</header> |
|
|
<section class="main" v-show="todos.length" v-cloak> |
|
|
<section class="main" v-show="todos.length" v-cloak> |
|
|
<input class="toggle-all" type="checkbox" v-model="allDone"> |
|
|
<input class="toggle-all" type="checkbox" v-model="allDone"> |
|
@ -33,7 +33,7 @@ |
|
|
v-model="todo.title" |
|
|
v-model="todo.title" |
|
|
v-todo-focus="todo == editedTodo" |
|
|
v-todo-focus="todo == editedTodo" |
|
|
@blur="doneEdit(todo)" |
|
|
@blur="doneEdit(todo)" |
|
|
@keypress.enter="doneEdit(todo)" |
|
|
@keyup.enter="doneEdit(todo)" |
|
|
@keyup.esc="cancelEdit(todo)"> |
|
|
@keyup.esc="cancelEdit(todo)"> |
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
</ul> |
|
|