From 6402011ee00c112ef824ea9eca91da35c3c779c8 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Mon, 29 Mar 2021 09:32:54 +0200
Subject: [PATCH] + Added favourites page

---
 full-skies-nuxt/components/Navbar.vue   |  4 +++
 full-skies-nuxt/pages/favoris/index.vue | 39 +++++++++++++++++++++++++
 2 files changed, 43 insertions(+)
 create mode 100644 full-skies-nuxt/pages/favoris/index.vue

diff --git a/full-skies-nuxt/components/Navbar.vue b/full-skies-nuxt/components/Navbar.vue
index ea3e222..6e736c5 100644
--- a/full-skies-nuxt/components/Navbar.vue
+++ b/full-skies-nuxt/components/Navbar.vue
@@ -25,6 +25,10 @@ export default defineComponent({
         {
           text: 'Astres',
           link: '/astres'
+        },
+        {
+          text: 'Favoris',
+          link: '/favoris'
         }
       ]
     }
diff --git a/full-skies-nuxt/pages/favoris/index.vue b/full-skies-nuxt/pages/favoris/index.vue
new file mode 100644
index 0000000..90ea531
--- /dev/null
+++ b/full-skies-nuxt/pages/favoris/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <section class="favourites bg-image">
+    <header>
+      <h1 class="heading-1">
+        Mes favoris
+      </h1>
+    </header>
+    <div class="section-content">
+      <celestials-list :celestials="favourites" />
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'Favourites',
+  data () {
+    return {
+      favorites: []
+    }
+  },
+  created () {
+    // const favourites = this.$store.user.favourites
+    // console.log(favourites)
+  }
+}
+</script>
+
+<style lang="scss">
+.favourites {
+  position: relative;
+  min-height: 100%;
+  padding: 25px 5%;
+
+  &:after {
+    background-image: url("/home_bg-min.jpg");
+  }
+}
+</style>