title: Vuex State - Array empty
body: <p>My Problem is, that the state-variable "genreRankings" in "store.js" is never updating.
  Can somebody tell me why?</p>
  
  <p>I'm accessing the Store via my Component as follows:</p>
  
  <pre><code>saveMovie (item) {
    this.$store.dispatch('addMovie', item).then(x =&gt; {
      console.log(this.$store.state.savedMovies)
      this.$store.commit('update_genreRankings', Util.getGenreRankings(this.$store.getters.savedMovies))
    })
  },
  
  removeMovie (item) {
    this.$store.dispatch('removeMovie', item).then(x =&gt; {
      this.$store.commit('update_genreRankings', Util.getGenreRankings(this.$store.getters.savedMovies))
    })
  },
  </code></pre>
  
  <p>Here is store.js (<a href="https://gist.github.com/oaltena/ccc70c06c29a1d9af6aa3234aba79518" rel="nofollow noreferrer">https://gist.github.com/oaltena/ccc70c06c29a1d9af6aa3234aba79518</a>) and Util.js (<a href="https://gist.github.com/oaltena/67b8431199e9a6d74681c04d9183e630" rel="nofollow noreferrer">https://gist.github.com/oaltena/67b8431199e9a6d74681c04d9183e630</a>).</p>
  
  <p>When i access the "genreRankings" via VueDevTools the array is always empty.</p>
  
  <p>Help, please! :-)</p>