/ Fixed loader not appearing on favourites / celestials

components/celestials/CelestialsList.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="celestial-list-wrapper">
-    <div v-if="celestials">
-      <celestial-filters v-if="hasFilters && celestials.length > 0" @filter:celestials="filterCelestials" />
+    <div v-if="celestials.length > 0">
+      <celestial-filters v-if="hasFilters" @filter:celestials="filterCelestials" />
 
-      <ul v-if="celestials" class="celestial-list grid no-style">
+      <ul class="celestial-list grid no-style">
         <li
           v-for="(celestial, index) in sortedCelestials"
           :key="index"

pages/favoris/index.vue

@@ -7,7 +7,14 @@
         </h1>
       </header>
       <div class="section-content">
-        <celestials-list :celestials="favourites" />
+        <div v-if="favourites && favourites.length >= 1">
+          <celestials-list :celestials="favourites" />
+        </div>
+        <div v-else>
+          <h3 class="heading-3">
+            Vous n'avez aucun favori pour le moment.
+          </h3>
+        </div>
       </div>
     </main>
   </section>