Always show entry for today

alinnert · Dec 10, 2023 · fd5c3d0 · fd5c3d0
1 parent 3c0ae37
commit fd5c3d0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/DaysList.vue b/src/components/DaysList.vue
@@ -7,7 +7,7 @@ defineProps<{ items: Date[] }>()
 <template>
   <div class="flex flex-col gap-1">
     <template v-for="(day, index) in items" :key="index">
-      <DaysListItem :day="day"></DaysListItem>
+      <DaysListItem :day="day" :class="{ 'font-bold': index === 0 }"></DaysListItem>
     </template>
   </div>
 </template>
diff --git a/src/stores/times.ts b/src/stores/times.ts
@@ -33,6 +33,14 @@ export const useTimesStore = defineStore('times', () => {
       }
     }
 
+    days.sort()
+
+    const today = new Date(currentTime.value.getFullYear(), currentTime.value.getMonth(), currentTime.value.getDate())
+
+    if (!isSameDay(days[0], today)) {
+      days.unshift(today)
+    }
+
     return days
   })