From bfefc7b69bbaeeab962d34338ca48e7a82fd5782 Mon Sep 17 00:00:00 2001
From: Finn Brewer <weeaseled@gmail.com>
Date: Sat, 17 Aug 2024 18:00:00 -0700
Subject: [PATCH] feat: show loading circle when loading reader contents

---
 src/pages/reader/Reader.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/pages/reader/Reader.vue b/src/pages/reader/Reader.vue
index 0e39ac0..47a1386 100644
--- a/src/pages/reader/Reader.vue
+++ b/src/pages/reader/Reader.vue
@@ -333,6 +333,9 @@ onMounted(async () => {
           <div
             class="py-6 px-10 flex flex-col items-center w-full h-[calc(100vh-3.25rem)] overflow-auto"
           >
+            <div v-if="!sections">
+              <Loader2 class="animate-spin" />
+            </div>
             <div
               v-for="(section, sectionIndex) in sections"
               class="max-w-[500px] w-[500px] min-w-[350px]"