title: Pagination in Vuex Store
body: <p>I have cloned this awesome shopping cart repo from <a href="https://github.com/vueschool/learn-vuex" rel="nofollow noreferrer">https://github.com/vueschool/learn-vuex</a>, and i get data like this: </p>
  
  <pre><code>ProductList.vue
  
  &lt;template&gt;
      &lt;div&gt;
  &lt;ul&gt;
          &lt;li v-for="product in products"&gt;
             - {{product.name}} - {{product.price}}
          &lt;/li&gt;
        &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  methods: {
        ...mapActions({
          fetchProducts: 'products/fetchProducts'
        })
      }
  &lt;/script&gt;
  
  export default new Vuex.Store({
      state: {
          products: {},
      },
      actions: {
      fetchProducts({commit},data) {
              axios.get(`api/product`).then((response) =&gt; {
              commit('updateProducts', response.data);
          })
      },
      mutations: {
          updateProducts (state, products) {
              state.products = products
          }
      }
  });
  </code></pre>
  
  <p>I'm trying to paginate results and need help in that direction, do i need to create a pagination state or new module in the vuex store, thanks in advance.</p>