add loading state to table

probablyjassin · Oct 15, 2024 · cd135d1 · cd135d1
1 parent 29e1213
commit cd135d1
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/pages/stundenplan.vue b/pages/stundenplan.vue
@@ -17,7 +17,7 @@
 					Zurück zu Heute
 				</UButton>
 			</span>
-			<UTable :rows="schedule[page - 1]" class="w-full" />
+			<UTable :rows="schedule[page - 1]" class="w-full" :loading="!hasLoaded"/>
 			<button @click="logout()" class="mt-5 p-2 bg-primary text-white rounded">Anmeldedaten zurücksetzen</button>
 		</div>
 	</ClientOnly>
@@ -36,6 +36,8 @@
 	const data = useState('stundenplan', (() => []));
 	const schedule = computed(() => Object.values(groupedByDay.value));
 
+	const hasLoaded = ref(false);
+
 	watch(groupedByDay.value, (newVal) => {
 		const todayIndex = Object.keys(newVal).indexOf(today.toString());
 		if (todayIndex !== -1) {
@@ -73,6 +75,8 @@
 				Bemerkungen: item["remarks"] || "---",
 			});
 		});
+
+		hasLoaded.value = true;
 	});
 
 	function logout() {