commit | author | age
|
875958
|
1 |
<template> |
D |
2 |
<div> |
|
3 |
<md-card> |
|
4 |
<md-card-header class="remove-padding"> |
|
5 |
<Header/> |
|
6 |
</md-card-header> |
|
7 |
<md-card-content> |
82de6c
|
8 |
TODOS WILL GO HERE. |
D |
9 |
Probs... |
|
10 |
<NewTodo placeholderMsg="Add a new todos here"/> |
|
11 |
<ListOfTodos todos="this.todos"/> |
875958
|
12 |
</md-card-content> |
D |
13 |
</md-card> |
|
14 |
</div> |
|
15 |
</template> |
|
16 |
|
|
17 |
<script> |
|
18 |
// @ is an alias to /src |
|
19 |
import Header from "@/components/Header.vue"; |
82de6c
|
20 |
import NewTodo from "@/components/NewTodo.vue"; |
D |
21 |
import ListOfTodos from "@/components/ListOfTodos.vue"; |
|
22 |
import EventBus from "@/services/EventBus"; |
|
23 |
import { mapMutations } from 'vuex' |
875958
|
24 |
|
D |
25 |
export default { |
|
26 |
name: "Todo", |
|
27 |
components: { |
|
28 |
Header, |
82de6c
|
29 |
ListOfTodos, |
D |
30 |
NewTodo |
|
31 |
}, |
|
32 |
methods: { |
|
33 |
...mapMutations([ |
|
34 |
'editTodo', |
|
35 |
'toggleTodo', |
|
36 |
'deleteTodo' |
|
37 |
]), |
875958
|
38 |
} |
D |
39 |
}; |
|
40 |
</script> |
|
41 |
|
|
42 |
<style lang="scss" scoped> |
|
43 |
.remove-padding { |
|
44 |
padding: 0px |
|
45 |
} |
|
46 |
.md-card { |
|
47 |
width: 480px; |
|
48 |
margin: 4px; |
|
49 |
display: inline-block; |
|
50 |
vertical-align: top; |
|
51 |
} |
|
52 |
</style> |