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] 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