title: How do i maintain data throughout my SPA even when page reloads
body: <p>I have a small-medium scale shopping website and I need to have a single storehouse for all my products without passing it through props. What am trying to do is fetch all my products and categories all at once.</p>
  
  <p>So on my App.vue which is the parent component, I dispatch an action to call an API and populate the store with product data so I can use it throughout my website.</p>
  
  <p>It works just fine when I navigate to other components on Vue router. But when I refresh the browser or revisit the same pages from the web, my product data goes away.</p>
  
  <p>Since I no longer have to make requests to get the products data on each route, I just call the getters but now I can't maintain the store on page reload</p>