title: vuex persisted state not working with vue router navigation guard
body: <p>I've added <code>vuex-persistedstate</code> as defined in documentation. <em>(confirmed and working)</em></p>
  
  <pre><code>export default new Vuex.Store({
      modules: {
          auth,
      },
      plugins: [VuexPersistedState()]
  });
  </code></pre>
  
  <p>I've set up a router navigation guard to redirect to home page on login</p>
  
  <pre><code>/* Auth based route handler */
  router.beforeEach((to, from, next) =&gt; {
      if (to.meta.hasOwnProperty('requiresAuth')) {
          if (to.meta.requiresAuth === true) {
              let isAuthenticated = authStore.getters.isAuthenticated
              if (isAuthenticated(authStore.state) === true) {
                  next()
              } else {
                  next({name: 'login'})
              }
          } else {
              let isAuthenticated = authStore.getters.isAuthenticated
              console.log(authStore.state)
              if (isAuthenticated(authStore.state) === true) {
                  next({name: 'home'})
              } else {
                  next()
              }
          }
      } else {
          next()
      }
  })
  </code></pre>
  
  <p>The vuex persistedstate restores store from local storage but not before navigation guard!</p>
  
  <p>I can provide any necessary part of the source code for evaluation. Please comment your request as needed. Experimental solutions are also welcome. This is just a personal training application for me!</p>
  
  <p>Help is appreciated!</p>