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>