<script> export default { props: { todo: String, required: true, default: '' }, methods: { handleTodoDone () { this.$emit('todoDone') } } } </script> <template> <div> <span> {{ todo }} </span> <button @click="handleTodoDone"> Done </button> </div> </template> <script> export default { data () { return { todos: [], newTodoText: '' } }, methods: { handleTodoDone (time) { for (let i = 0; i < this.tod