Attempt to add basic tasklist

src/components/task/TaskComponent.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>My component</div>
+</template>
+
+<script setup lang="ts">
+</script>

src/components/task/TaskListComponent.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="q-pa-md" style="max-width: 350px">
+    <q-list>
+      <q-item v-for="task in tasks" :key="task.id">
+        <q-item-section>
+          <q-item-label>{{ task.title }}</q-item-label>
+          <q-item-label caption lines="2"
+            >Secondary line text. Lorem ipsum dolor sit amet, consectetur
+            adipiscit elit.</q-item-label
+          >
+        </q-item-section>
+
+        <q-item-section side top>
+          <q-item-label caption>5 min ago</q-item-label>
+          <q-icon name="star" color="yellow" />
+        </q-item-section>
+      </q-item>
+
+      <q-separator spaced inset />
+    </q-list>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps } from 'vue';
+import type { Task } from 'src/stores/task';
+
+const props = defineProps<{ tasks: Task[] }>();
+</script>