Added a line break

src/components/TodoItem.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="todo-item" v-bind:class='{"is-complete":todo.completed}' v-on:click="$emit('toggle-complete', todo.id)">
     <p>
-      {{todo.name}}
+      {{ todo.name }}
       <button @click="$emit('del-todo', todo.id)" class="delete">&#10060;</button>
+      <br>
     </p>
   </div>
 </template>

src/store/modules/todos.js

@@ -34,9 +34,7 @@ const actions = {
 const mutations = {
     toggleComplete(state, id) {
         state.todos.forEach(element => {
-            if (element.id == id) {
-                element.completed = !element.completed
-            }
+            (element.id == id) && (element.completed = !element.completed)
         });
     },
     addTodo(state, n) {