Vue.js 2 Web Development Projects

Check the user session on start

When the application starts, we want to check whether the user has an active session like we did in Chapter 5, Project 3 - Support Center:

1. For that, we will create a new generic 'init' action in the store; this will dispatch the 'login' action, but could eventually dispatch more actions:

      actions: {        async init ({ dispatch }) {          await dispatch('login')        },        // ...      },

2. In the main.js file, we can now dispatch and wait for this action:

      async function main () {        await store.dispatch('init')        new Vue({          ...App,          el: '#app',          router,          store,        })      }      main()

Now you can log in through Google and refresh the page without being brought back to the login page.