<template>
  <div class="q-pa-md" style="max-width: 350px">
    <q-list>
      <div v-for="task in tasks" :key="task.id">
        <TaskCardComponent :task="task" />
      </div>
    </q-list>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
import type { Task } from 'src/stores/task';
import TaskCardComponent from './TaskCardComponent.vue';

const props = defineProps<{ tasks: Task[] }>();
</script>
