Pagination error fixed; stuff with next and previous pages

src/components/Repositories.vue

@@ -12,18 +12,13 @@
     <nav aria-label="...">
       <ul class="pager">
         <li :class="previousFirst" @click="previous"><router-link :to="{name: 'page', params: { id: Number(page) - 1 } }" @click="previous">Previous</router-link></li>
-        <li :class="nextLast" @click="next"><router-link :to="{name: 'page', params: { id: Number(page) + 1 } }" @click="next">Next</router-link></li>
+        <li :class="nextCheck" @click="next"><router-link :to="{name: 'page', params: { id: Number(page) + 1 } }" @click="next">Next</router-link></li>
       </ul>
     </nav>
   </div>
 </template>
 <script>
   export default {
-    data() {
-      return {
-        query: ''
-      }
-    },
     methods: {
       next() {
         var args = {
@@ -59,7 +54,18 @@
       },
       nextLast() {
         return (this.page == 10) ? 'disabled' : 'works';
+      },
+      nextCheck() {
+        if (this.page !== 10) {
+
+          if (this.repositories.length <= 100 && this.repositories.length * Number(this.page) >= this.args.count) {
+            return 'disabled';
+          } else {
+            return 'works';
+          }
+        }
+        return 'disabled';
       }
-    },
+    }
   }
 </script>

src/router/index.js

@@ -10,7 +10,6 @@ const router = new VueRouter({
   routes: [
     { path: '/', component: Home },
     { path: '/page/:id', name: 'page', component: Page }
-
   ]
 });
 

src/store/index.js

@@ -38,6 +38,7 @@ const store = new Vuex.Store({
       Vue.http.get(url).then(function (response) {
         var list = response.body.items,
             total_count = response.body.total_count;
+        args.count = total_count;
         commit('set', {type: 'repositories', items: list});
         commit('set', {type: 'args', items: args});
       }, function (error) {