Added check status before enter route

Author: m.navarro

src/App.vue

@@ -78,9 +78,6 @@ export default {
   mounted() {
     this.snackbar = false
   },
-  async beforeMount() {
-    await this.$store.dispatch('checkPaid')
-  },
   methods: {
     goToPrizes() {
       this.snackbar = false

src/router.js

@@ -52,6 +52,9 @@ router.beforeEach(async (to, from, next) => {
       store.dispatch('openLoginDialog')
       next({ name: 'home' })
     } else if (to.matched.some(record => record.meta.requiresPaid)) {
+      if (!store.getters.hasPaid && store.getters.isLoading) {
+        await store.dispatch('checkPaid')
+      }
       if (!store.getters.hasPaid) {
         next({ name: 'home' })
         store.commit('setSidebar', false)

src/store/modules/payStatus.js

@@ -4,7 +4,7 @@ import { captureException } from '@sentry/browser'
 export default {
   state: {
     paid: false,
-    loading: false,
+    loading: true,
   },
   mutations: {
     setPaid: (state, status) => (state.paid = status),