title: fetched data disappears after page reload using vue state
body: <p>Am fetching data from an api
  this is the action in store</p>
  
  <pre><code>fetchVisits({commit}) {
              axios.get('/api/visits')
                  .then(res =&gt; {
                      commit('FETCH_VISITS', res.data)
  
                  }).catch(err =&gt; {
                  console.log(err)
              })
          },
      }
  </code></pre>
  
  <p>mutation</p>
  
  <pre><code>FETCH_VISITS(state, visits) {
              return state.visits = visits
          },
  </code></pre>
  
  <p>state</p>
  
  <pre><code>state: {
       visits:[]
      },
  </code></pre>
  
  <p>getter</p>
  
  <pre><code>getters: {
          visits: state =&gt; {
              return state.visits
          }
  
      },
  </code></pre>
  
  <p>dispatched action</p>
  
  <pre><code>created() {
              this.$store.dispatch('fetchVisits')
          },
  </code></pre>
  
  <p>But when i refresh the page the data to be displayed disappears</p>