From d9d3ee8f42be3db47fe3c32e3df7933f906bc3c6 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Sun, 12 Oct 2025 00:06:04 +0200
Subject: [PATCH] Revert "Use Interval to refresh data"

This reverts commit acf6039db58feb80e758ed6d751675a985a21904.
---
 website/app/pages/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/app/pages/index.vue b/website/app/pages/index.vue
index e25c060..2495c23 100644
--- a/website/app/pages/index.vue
+++ b/website/app/pages/index.vue
@@ -1,7 +1,9 @@
 <template>
     <UPageBody class="p-4 flex flex-row flex-wrap gap-6 mt-0">
+        <USkeleton v-if="status !== 'success'" class="w-[240px] h-[350px]" />
         <MangaCard
             v-for="(m, i) in manga"
+            v-else
             :key="m.key"
             :manga="m"
             :expanded="i === expanded"
@@ -14,8 +16,6 @@
 </template>
 
 <script setup lang="ts">
-const { data: manga, refresh } = await useApi('/v2/Manga', { key: FetchKeys.Manga.All, lazy: true });
-
-onMounted(() => setInterval(refresh, 4000))
+const { data: manga, status } = await useApi('/v2/Manga', { key: FetchKeys.Manga.All, lazy: true });
 const expanded = ref(-1);
 </script>