feat: Remove Vuex usage in HotNewsBanner

1024pix · Nov 8, 2021 · f1c55ee · f1c55ee
1 parent 177f0fa
commit f1c55ee
Showing 1 changed file with 9 additions and 2 deletions.
diff --git 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