commit | author | age
|
991c76
|
1 |
<template> |
D |
2 |
<div class="home"> |
|
3 |
<img src="../assets/logo.png"> |
a34f1d
|
4 |
<NewTodo placeholderMsg="Add a new todo" @NEWTODOADDED="newTodoAdded"/> |
D |
5 |
<TodoItem todoItem="Have a beers"/> |
|
6 |
<ListOfTodos todos="this.todos"/> |
991c76
|
7 |
</div> |
D |
8 |
</template> |
|
9 |
|
|
10 |
<script> |
|
11 |
// @ is an alias to /src |
|
12 |
import HelloWorld from "@/components/HelloWorld.vue"; |
|
13 |
import NewTodo from "@/components/NewTodo.vue"; |
a34f1d
|
14 |
import TodoItem from "@/components/TodoItem.vue"; |
D |
15 |
import ListOfTodos from "@/components/ListOfTodos.vue"; |
|
16 |
|
|
17 |
import EventBus from "@/services/EventBus"; |
|
18 |
|
991c76
|
19 |
|
D |
20 |
export default { |
|
21 |
name: "Catalog", |
|
22 |
components: { |
a34f1d
|
23 |
NewTodo, |
D |
24 |
TodoItem, |
|
25 |
ListOfTodos |
|
26 |
}, |
|
27 |
methods: { |
|
28 |
newTodoAdded (e) { |
|
29 |
console.info('INFO - ', e) |
|
30 |
} |
991c76
|
31 |
} |
D |
32 |
}; |
|
33 |
</script> |