From e3784c086468522936f87374a86efcdff8958fbf Mon Sep 17 00:00:00 2001
From: Vincent Hardouin <vincent.hardouin@pix.fr>
Date: Fri, 5 Nov 2021 14:52:09 +0100
Subject: [PATCH 1/4] feat: Remove Vuex usage in NavigationSliceZone

---
 components/NavigationSliceZone.vue            | 14 ++++++-
 .../slices/NavigationSliceZone.test.js        | 41 ++++++++-----------
 2 files changed, 28 insertions(+), 27 deletions(-)

diff --git a/components/NavigationSliceZone.vue b/components/NavigationSliceZone.vue
index 0df19fad1..41cdd7e74 100644
--- a/components/NavigationSliceZone.vue
+++ b/components/NavigationSliceZone.vue
@@ -29,16 +29,26 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
 import { keyBy } from '~/services/key-by'
+import { documentFetcher, documents } from '~/services/document-fetcher'
 
 export default {
   name: 'NavigationSliceZone',
+  data() {
+    return {
+      mainNavigations: [],
+    }
+  },
+  async fetch() {
+    this.mainNavigations = await documentFetcher(
+      this.$prismic,
+      this.$i18n
+    ).findByType(documents.mainNavigation)
+  },
   computed: {
     isPixPro() {
       return process.env.isPixPro
     },
-    ...mapState(['mainNavigations']),
 
     usedMainNavigation() {
       const mainNavBySite = keyBy(
diff --git a/tests/components/slices/NavigationSliceZone.test.js b/tests/components/slices/NavigationSliceZone.test.js
index 254876bc9..22741fade 100644
--- a/tests/components/slices/NavigationSliceZone.test.js
+++ b/tests/components/slices/NavigationSliceZone.test.js
@@ -5,7 +5,6 @@ jest.mock('~/services/document-fetcher')
 
 describe('NavigationSliceZone', () => {
   let component
-  let store
   const stubs = {
     'client-only': true,
     'slide-menu': true,
@@ -66,19 +65,16 @@ describe('NavigationSliceZone', () => {
 
     describe('#usedMainNavigation', () => {
       describe('When we are in pix-site and we have the site navigation', () => {
-        beforeEach(() => {
-          store = {
-            state: {
-              mainNavigations: [expectedSiteNavigation, expectedProNavigation],
-            },
-          }
-        })
-
         it('should return the site navigation', () => {
           // given
           component = shallowMount(NavigationSliceZone, {
-            mocks: {
-              $store: store,
+            data() {
+              return {
+                mainNavigations: [
+                  expectedSiteNavigation,
+                  expectedProNavigation,
+                ],
+              }
             },
             stubs,
           })
@@ -96,18 +92,18 @@ describe('NavigationSliceZone', () => {
           process.env = {
             isPixPro: true,
           }
-          store = {
-            state: {
-              mainNavigations: [expectedSiteNavigation, expectedProNavigation],
-            },
-          }
         })
 
         it('should return the pro navigation', () => {
           // given
           component = shallowMount(NavigationSliceZone, {
-            mocks: {
-              $store: store,
+            data() {
+              return {
+                mainNavigations: [
+                  expectedSiteNavigation,
+                  expectedProNavigation,
+                ],
+              }
             },
             stubs,
           })
@@ -125,18 +121,13 @@ describe('NavigationSliceZone', () => {
           process.env = {
             isPixPro: true,
           }
-          store = {
-            state: {
-              mainNavigations: [expectedSiteNavigation],
-            },
-          }
         })
 
         it('should return the site navigation', () => {
           // given
           component = shallowMount(NavigationSliceZone, {
-            mocks: {
-              $store: store,
+            data() {
+              return { mainNavigations: [expectedSiteNavigation] }
             },
             stubs,
           })

From 177f0fa0de5a74d66a09bab343f2527a85c9ddda Mon Sep 17 00:00:00 2001
From: Vincent Hardouin <vincent.hardouin@pix.fr>
Date: Fri, 5 Nov 2021 14:53:48 +0100
Subject: [PATCH 2/4] feat: Remove Vuex usage in FooterSliceZone

---
 components/FooterSliceZone.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/components/FooterSliceZone.vue b/components/FooterSliceZone.vue
index 6e1d62e82..f0c6fd80c 100644
--- a/components/FooterSliceZone.vue
+++ b/components/FooterSliceZone.vue
@@ -2,7 +2,7 @@
   <footer class="footer" role="contentinfo">
     <div class="footer__left">
       <div
-        v-for="(slice, index) in usedMainFooter.data.body"
+        v-for="(slice, index) in usedMainFooter"
         :key="`footer-slice-left-${index}`"
       >
         <template v-if="slice.slice_type === 'logos_zone'">
@@ -42,33 +42,39 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
 import { keyBy } from '~/services/key-by'
+import { documentFetcher, documents } from '~/services/document-fetcher'
 
 export default {
   name: 'FooterSliceZone',
   data() {
     return {
       socialMediasHoverMap: {},
+      mainFooters: null,
     }
   },
+  async fetch() {
+    this.mainFooters = await documentFetcher(
+      this.$prismic,
+      this.$i18n
+    ).findByType(documents.mainFooter)
+  },
   computed: {
     isPixPro() {
       return process.env.isPixPro
     },
-    ...mapState(['mainFooters']),
     usedMainFooter() {
       const mainFooterBySite = keyBy(
         this.mainFooters,
         (mainFooter) => mainFooter?.data?.footer_for
       )
       if (this.isPixPro && mainFooterBySite['pix-pro']) {
-        return mainFooterBySite['pix-pro']
+        return mainFooterBySite['pix-pro'].data.body
       }
-      return mainFooterBySite['pix-site']
+      return mainFooterBySite['pix-site'].data.body
     },
     navigationGroups() {
-      return this.usedMainFooter.data.body.filter(
+      return this.usedMainFooter.filter(
         (slice) => slice.slice_type === 'navigation_group'
       )
     },

From f1c55ee0baaa4dde2ba788b11049d1760757c1e6 Mon Sep 17 00:00:00 2001
From: Vincent Hardouin <vincent.hardouin@pix.fr>
Date: Fri, 5 Nov 2021 14:56:28 +0100
Subject: [PATCH 3/4] feat: Remove Vuex usage in HotNewsBanner

---
 components/HotNewsBanner.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/HotNewsBanner.vue b/components/HotNewsBanner.vue
index 58ab24560..601cf176d 100644
--- a/components/HotNewsBanner.vue
+++ b/components/HotNewsBanner.vue
@@ -11,16 +11,23 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import { documentFetcher, documents } from '~/services/document-fetcher'
 
 export default {
   name: 'HotNewsBanner',
   data() {
     return {
       isOpen: true,
+      hotNews: null,
     }
   },
-  computed: mapState(['hotNews']),
+  async fetch() {
+    const hotNews = await documentFetcher(this.$prismic, this.$i18n).findByType(
+      documents.hotNews
+    )
+
+    this.hotNews = hotNews?.data?.description
+  },
   methods: {
     closeBanner() {
       this.isOpen = false

From 37982f4b3c8262eac0c68f181c93f398f5aa7cf9 Mon Sep 17 00:00:00 2001
From: Vincent Hardouin <vincent.hardouin@pix.fr>
Date: Fri, 5 Nov 2021 14:58:20 +0100
Subject: [PATCH 4/4] feat: Remove store

---
 store/index.js | 47 -----------------------------------------------
 1 file changed, 47 deletions(-)
 delete mode 100644 store/index.js

diff --git a/store/index.js b/store/index.js
deleted file mode 100644
index 31a4d7522..000000000
--- a/store/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { documents, documentFetcher } from '~/services/document-fetcher'
-
-export const state = () => ({
-  hotNews: null,
-  host: null,
-  mainNavigations: [],
-  mainFooters: [],
-})
-export const actions = {
-  async nuxtServerInit({ commit }, { app, req }) {
-    commit(
-      'updateMainNavigations',
-      await getMainNavigations(app.$prismic, app.i18n)
-    )
-    commit('updateMainFooters', await getMainFooters(app.$prismic, app.i18n))
-    commit('updateHotNews', await getHotNews(app.$prismic, app.i18n))
-  },
-  async updateMainNavigations({ commit }, { i18n, prismic }) {
-    commit('updateMainNavigations', await getMainNavigations(prismic, i18n))
-  },
-  async updateMainFooters({ commit }, { i18n, prismic }) {
-    commit('updateMainFooters', await getMainFooters(prismic, i18n))
-  },
-}
-export const mutations = {
-  updateMainNavigations(state, navigations) {
-    state.mainNavigations = [...navigations]
-  },
-  updateMainFooters(state, footers) {
-    state.mainFooters = [...footers]
-  },
-  updateHotNews(state, hotNews) {
-    state.hotNews = hotNews && hotNews.data ? hotNews.data.description : null
-  },
-}
-
-function getMainNavigations(prismic, i18n) {
-  return documentFetcher(prismic, i18n).findByType(documents.mainNavigation)
-}
-
-function getMainFooters(prismic, i18n) {
-  return documentFetcher(prismic, i18n).findByType(documents.mainFooter)
-}
-
-function getHotNews(prismic, i18n) {
-  return documentFetcher(prismic, i18n).get(documents.hotNews)
-}