37 lines
578 B
Vue
37 lines
578 B
Vue
<template>
|
|
<div class="q-mt-lg">
|
|
<list-header bgColor="bg-green-4">Completed</list-header>
|
|
<q-list
|
|
separator
|
|
bordered>
|
|
|
|
<task
|
|
v-for="(task, key) in tasksCompleted"
|
|
:key="key"
|
|
:task="task"
|
|
:id="key"
|
|
></task>
|
|
</q-list>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import task from 'components/Tasks/Task.vue'
|
|
import listHeader from 'components/Shared/ListHeader.vue'
|
|
|
|
export default {
|
|
name: 'TasksCompleted',
|
|
components: {
|
|
task,
|
|
listHeader
|
|
},
|
|
props: [
|
|
'tasksCompleted'
|
|
]
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|