From f53e6c442b22d7505f80fa6e2133653a8b4f05df Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Fri, 22 Oct 2021 16:42:54 +0200
Subject: [PATCH] update MainHeader to display the custom static pages in the
 burger

---
 src/pages/_partials/MainHeader.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/pages/_partials/MainHeader.vue b/src/pages/_partials/MainHeader.vue
index f3fc614..9a59648 100644
--- a/src/pages/_partials/MainHeader.vue
+++ b/src/pages/_partials/MainHeader.vue
@@ -17,8 +17,11 @@
             {{ $t('sections.' + link.to) }}
           </b-dropdown-item>
 
-          <b-dropdown-item v-for="name in subRoutes" :key="name" :to="{ name }">
-            {{ $t('sections.' + name) }}
+          <b-dropdown-item
+            v-for="page in burger" :key="page.id"
+            :to="{ name: page.name, params: page.id ? { id: page.id } : {} }"
+          >
+            {{ page.id ? page.title : $t('sections.' + page.name ) }}
           </b-dropdown-item>
         </b-dropdown>
 
@@ -57,6 +60,9 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
+
 export default {
   name: 'MainHeader',
 
@@ -66,18 +72,23 @@ export default {
         { to: 'library', variant: 'dark' },
         { to: 'kit', variant: 'kit' },
         { to: 'gallery', variant: 'creation' }
-      ],
-      subRoutes: ['home', 'introduction', 'contact']
+      ]
     }
   },
 
   computed: {
+    ...mapGetters(['burger']),
+
     optionsVisible: {
       get () { return this.$store.state.optionsVisible },
       set (value) {
         this.$store.commit('UPDATE_OPTIONS_VISIBILITY', value)
       }
     }
+  },
+
+  created () {
+    this.$store.dispatch('GET_BURGER')
   }
 }
 </script>