setting up pagination for respositories list

Author: boudlal

src/components/RepositoriesListComponent.vue

@@ -37,7 +37,8 @@ export default {
   },
   data () {
     return {
-      loading: true
+      loading: true,
+      pageNumber: 1
     }
   },
   computed: {
@@ -50,6 +51,18 @@ export default {
       this.loading = false;
     })
 
+    let vm = this;
+    $(window).scroll(function() {
+      if (($(window).innerHeight() + $(window).scrollTop()) >= $("body").height()) {
+        if (vm.loading === false) {
+          vm.loading = true
+          vm.pageNumber++
+          vm.$store.dispatch('getRepositories', vm.pageNumber).then(() => {
+            vm.loading = false
+          })
+        }
+      }
+    });
   }
 }
 </script>

src/store/index.js

@@ -29,12 +29,12 @@ export const store = new Vuex.Store({
   mutations: {
     getRepositories (state, payload) {
       this.state.repositories = this.state.repositories.concat(payload)
-      return this.state.repositories
+      return this.state.repositories.concat(payload)
     }
   },
   actions: {
-    getRepositories (context) {
-      return axios.get(`https://api.github.com/search/repositories?q=created:>2017-10-22&sort=stars&order=desc`)
+    getRepositories (context, page) {
+      return axios.get(`https://api.github.com/search/repositories?q=created:>2017-10-22&sort=stars&order=desc&page=${page}`)
       .then((res) => {
         context.commit('getRepositories', res.data.items)
       })