Bonus point: Dynamic update

App.vue.diff

addTodo(e) {
  const value = e.target.value.trim()
  if (!value) {
    return
  }
  const todo = {
    id: Date.now(),
    title: value,
    completed: false
  }
  this.todos.push(todo)
  e.target.value = ''
+ setTimeout(() => {
+   const event = new CustomEvent("harvest-event:timers:add", {
+     detail: { element: document.getElementById(todo.id) }
+   });
+   document.querySelector("#harvest-messaging").dispatchEvent(event);
+ }, 100)
},