feat: empty list message

2026-07-14 10:52:10 +02:00
parent c7b1f3ed49
commit 3b499ff791
4 changed files with 13 additions and 1 deletions
@@ -19,6 +19,8 @@ const showNextReset = booleanCookieRef("toutDouxShowNextReset", false);
 const separateCompleted = booleanCookieRef("toutDouxSeparateCompleted", false);

 const hasCompleted = computed<boolean>(() => tasks.value.some(taskCompleted));
+const empty = computed<boolean>(() => tasks.value.length === 0);
+const allCompleted = computed<boolean>(() => tasks.value.every(taskCompleted));

 function fetchTasks() {
    void getTasks(list.value)
@@ -88,6 +90,12 @@ onBeforeMount(fetchTasks);
                />
            </li>
        </template>
+        <li v-if="empty" class="list-row italic text-xl font-extralight">
+            {{ $t('empty_hint') }}
+        </li>
+        <li v-if="allCompleted && separateCompleted" class="list-row italic text-xl font-extralight">
+            {{ $t('all_completed_hint') }}
+        </li>
        <li class="list-row">
            <div class="list-col-grow">
                <input