diff --git a/src/components/task/TaskListComponent.vue b/src/components/task/TaskListComponent.vue
index 1dd40e9..f79b925 100644
--- a/src/components/task/TaskListComponent.vue
+++ b/src/components/task/TaskListComponent.vue
@@ -4,16 +4,23 @@
       <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-label caption lines="2">{{ task.description }} </q-item-label>
         </q-item-section>
 
         <q-item-section side top>
-          <q-item-label caption>5 min ago</q-item-label>
+          <q-item-label caption>Due: {{ task.dueDate }}</q-item-label>
           <q-icon name="star" color="yellow" />
         </q-item-section>
+        <q-expansion-item
+          :header-inset-level="1"
+          expand-separator
+          label="Subtasks"
+          default-opened
+          ><TaskList
+            v-if="task.subtasks && task.subtasks.length"
+            :tasks="task.subtasks"
+          />
+        </q-expansion-item>
       </q-item>
 
       <q-separator spaced inset />