Added a line break

src/components/TodoItem.vue

@@ -3,6 +3,7 @@
     <p>
       {{ 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) {