/ Changed html / data display

components/celestials/CelestialsList.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="celestial-list-wrapper">
-    <div v-if="celestials != undefined">
-      <celestial-filters v-if="hasFilters" @filter:celestials="filterCelestials" />
+    <div v-if="celestials">
+      <celestial-filters v-if="hasFilters && celestials.length > 0" @filter:celestials="filterCelestials" />
 
       <ul v-if="celestials" class="celestial-list grid no-style">
         <li

pages/astres/_slug.vue

@@ -1,5 +1,6 @@
 <template>
   <section class="celestial bg-image">
+    <main v-if="celestial">
       <header>
         <h1 class="heading-1">
           <span>{{ celestial.name }}</span>
@@ -8,7 +9,7 @@
         </h1>
       </header>
       <div class="section-content">
-      <main v-if="celestial" class="celestial-body">
+        <div class="celestial-body">
           <div>
             <h3 class="heading-3">
               Informations
@@ -35,8 +36,9 @@
             </h2>
             <celestials-list :celestials="celestial.moons" :has-filters="false" />
           </div>
-      </main>
         </div>
+      </div>
+    </main>
   </section>
 </template>
 
@@ -49,7 +51,7 @@ export default {
 
   data () {
     return {
-      celestial: {}
+      celestial: false
     }
   },
 

pages/astres/index.vue

@@ -1,5 +1,6 @@
 <template>
   <section class="celestials bg-image">
+    <main>
       <header>
         <h1 class="heading-1">
           Le système solaire
@@ -8,6 +9,7 @@
       <div class="section-content">
         <celestials-list :celestials="celestials" />
       </div>
+    </main>
   </section>
 </template>
 

pages/favoris/index.vue

@@ -1,5 +1,6 @@
 <template>
   <section class="favourites bg-image">
+    <main>
       <header>
         <h1 class="heading-1">
           Mes favoris
@@ -8,6 +9,7 @@
       <div class="section-content">
         <celestials-list :celestials="favourites" />
       </div>
+    </main>
   </section>
 </template>
 
@@ -22,7 +24,7 @@ export default {
   },
 
   created () {
-    // const favourites = this.$store.state.user.favourites
+    console.log(this.$store.state.user.favourites)
   }
 }
 </script>