title: Vuex state on page refresh
body: <p>My app uses the Firebase API for User Authentication, saving the Login status as a boolean value in a Vuex State.</p>
  
  <p>When the user logs in I set the <strong>login status</strong> and conditionally display the Login/Logout button accordingly.</p>
  
  <p>But when the​ page is refreshed, the state of the vue app is lost and reset to default</p>
  
  <p>This causes a problem as even when the user is logged in and the page is refreshed the <strong>login status</strong> is set back to <strong>false</strong> and the login button is displayed instead of logout button even though the user stays logged in....</p>
  
  <p><strong>What shall I do to prevent this behavior</strong></p>
  
  <p>Shall I use <strong>cookies</strong>
  Or any other better solution is available...</p>
  
  <ul>
   - 
  </ul>