fix: Add loading indicator to List.vue

Justin3go · Feb 21, 2024 · 821584c · 821584c
1 parent 20e6f74
commit 821584c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/components/home/List.vue b/components/home/List.vue
@@ -30,6 +30,8 @@
 				:headers="headers"
 				:items="dataList"
 				item-value="prompt"
+				:loading="pending"
+				loading-text="Loading... Please wait"
 			>
 				<template v-slot:item.prompt="{ item }">
 					<div>
@@ -100,7 +102,7 @@ const headers = ref([
 	{ title: "Preview", sortable: false, key: "video" },
 ]);
 
-const { data: soraData }: { data: any } = await useFetch("/api/sora", {
+const { data: soraData, pending }: { data: any, pending: any } = await useFetch("/api/sora", {
 	query: { search },
 });
 const { data: topWords } = await useFetch("/api/topWords");