From b5c026c27360b99f59f4cbb789b599e4db83fe7e Mon Sep 17 00:00:00 2001
From: Anatoly Kopyl <akopyl@radner.ru>
Date: Wed, 29 May 2019 17:32:38 +0300
Subject: [PATCH] Added a line break

---
 src/components/TodoItem.vue | 3 ++-
 src/store/modules/todos.js  | 4 +---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/TodoItem.vue b/src/components/TodoItem.vue
index e0f6b0b..5975a3f 100644
--- a/src/components/TodoItem.vue
+++ b/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>
diff --git a/src/store/modules/todos.js b/src/store/modules/todos.js
index bbc8754..8457d4c 100644
--- a/src/store/modules/todos.js
+++ b/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) {