From 821584ca0f8a7f1a4021b6c497cc13e41156dc7e Mon Sep 17 00:00:00 2001
From: justin3go <just@justin3go.com>
Date: Wed, 21 Feb 2024 14:53:29 +0800
Subject: [PATCH] fix: Add loading indicator to List.vue

---
 components/home/List.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/home/List.vue b/components/home/List.vue
index 2e0bc6c..ba3ed44 100644
--- 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");