<template>
  <toolbar-component pageTitle="Tasks" />
  <q-page padding>
    <TaskTableComponent :tasks="taskStore.tasks" />
  </q-page>
</template>

<script setup lang="ts">
import { useTaskStore } from 'stores/task';
import ToolbarComponent from 'src/components/ToolbarComponent.vue';
import TaskTableComponent from 'src/components/task/TaskTableComponent.vue';

const taskStore = useTaskStore();

taskStore.fetchTasks(); // Fetch on mount
</script>
