Task List Enhancements

src/components/task/TaskListComponent.vue

@@ -2,7 +2,7 @@
   <div class="q-pa-md" style="max-width: 350px">
     <q-list>
       <div v-for="task in tasks" :key="task.id">
-        <TaskComponent :task="task" />
+        <TaskCardComponent :task="task" />
       </div>
     </q-list>
   </div>
@@ -11,7 +11,7 @@
 <script setup lang="ts">
 import { defineProps } from 'vue';
 import type { Task } from 'src/stores/task';
-import TaskComponent from './TaskComponent.vue';
+import TaskCardComponent from './TaskCardComponent.vue';
 
 const props = defineProps<{ tasks: Task[] }>();
 </script>