title: Save user authentication status in vuex state is safe Solution?
body: <p>I've watched various videos on spa vue authentication. All those videos provided a vuex based solution </p>
  
  <p>Like this ;
  They created function in getters such as <strong>loggedIn</strong> that it returns user authentication status .</p>
  
  <p><strong>store.js</strong></p>
  
  <pre><code>[...]
  
  state:{
      token: null,
      user: null
  },
  getters: {
      loggedIn: (state) =&gt; {
          return state.token &amp;&amp; state.user ? true : false
      },
  },
  
  [...]
  </code></pre>
  
  <p><strong>Dashboard.vue</strong> (This is a protected route)</p>
  
  <pre><code>[...]
  
  beforeRouteEnter (to, from, next) {
      if(store.getters.loggedIn)
          next()
      else
          next({ name:'login' })
  
  }
  
  [...]
  </code></pre>
  
  <p>Everything is working correctly but I can change state manually by vue dev tools thus I can enter the protected route so authentication is not working properly.</p>
  
  <p><strong>My questions :</strong></p>
  
  <ol>
  <li>Can the user modify the vuex state in production mode?</li>
  <li>Save user authentication status in vuex state is safe Solution?</li>
  </ol>