app.js (vue-2.7.13) | : | app.js (vue-2.7.14) | ||
---|---|---|---|---|
skipping to change at line 58 | skipping to change at line 58 | |||
watch: { | watch: { | |||
todos: { | todos: { | |||
handler: function (todos) { | handler: function (todos) { | |||
todoStorage.save(todos) | todoStorage.save(todos) | |||
}, | }, | |||
deep: true | deep: true | |||
} | } | |||
}, | }, | |||
// computed properties | // computed properties | |||
// https://vuejs.org/guide/computed.html | // https://v2.vuejs.org/v2/guide/computed.html | |||
computed: { | computed: { | |||
filteredTodos: function () { | filteredTodos: function () { | |||
return filters[this.visibility](this.todos) | return filters[this.visibility](this.todos) | |||
}, | }, | |||
remaining: function () { | remaining: function () { | |||
return filters.active(this.todos).length | return filters.active(this.todos).length | |||
}, | }, | |||
allDone: { | allDone: { | |||
get: function () { | get: function () { | |||
return this.remaining === 0 | return this.remaining === 0 | |||
skipping to change at line 132 | skipping to change at line 132 | |||
todo.title = this.beforeEditCache | todo.title = this.beforeEditCache | |||
}, | }, | |||
removeCompleted: function () { | removeCompleted: function () { | |||
this.todos = filters.active(this.todos) | this.todos = filters.active(this.todos) | |||
} | } | |||
}, | }, | |||
// a custom directive to wait for the DOM to be updated | // a custom directive to wait for the DOM to be updated | |||
// before focusing on the input field. | // before focusing on the input field. | |||
// https://vuejs.org/guide/custom-directive.html | // https://v2.vuejs.org/v2/guide/custom-directive.html | |||
directives: { | directives: { | |||
'todo-focus': function (el, binding) { | 'todo-focus': function (el, binding) { | |||
if (binding.value) { | if (binding.value) { | |||
el.focus() | el.focus() | |||
} | } | |||
} | } | |||
} | } | |||
}) | }) | |||
// handle routing | // handle routing | |||
End of changes. 2 change blocks. | ||||
2 lines changed or deleted | 2 lines changed or added |