Step 3: Adding the timer element on screen

App.vue.diff

<div class="view">
  <input class="toggle" type="checkbox" v-model="todo.completed">
  <label @dblclick="editTodo(todo)">
    {{ todo.title }}
+   <div class="harvest-timer" :id="todo.id"
+        :data-item="`${JSON.stringify({ id: todo.id, name: todo.title })}`"
+        :data-group="`${JSON.stringify({ id: 1, name: 'TodoMVC' })}`"
+         >
+   </div>
  </label>
  <button class="destroy" @click="removeTodo(todo)"></button>
</div>