perPage as data parameter

admin/src/graphql/searchUsers.js

@@ -1,8 +1,13 @@
 import gql from 'graphql-tag'
 
 export const searchUsers = gql`
-  query ($searchText: String!, $currentPage: Int, $notActivated: Boolean) {
-    searchUsers(searchText: $searchText, currentPage: $currentPage, notActivated: $notActivated) {
+  query ($searchText: String!, $currentPage: Int, $pageSize: Int, $notActivated: Boolean) {
+    searchUsers(
+      searchText: $searchText
+      currentPage: $currentPage
+      pageSize: $pageSize
+      notActivated: $notActivated
+    ) {
       userCount
       userList {
         userId

admin/src/pages/Creation.vue

@@ -21,7 +21,7 @@
         <b-pagination
           pills
           v-model="currentPage"
-          per-page="25"
+          per-page="perPage"
           :total-rows="rows"
           align="center"
         ></b-pagination>
@@ -110,6 +110,7 @@ export default {
       creation: [null, null, null],
       rows: 0,
       currentPage: 1,
+      perPage: 25,
     }
   },
   async created() {
@@ -123,6 +124,7 @@ export default {
           variables: {
             searchText: this.criteria,
             currentPage: this.currentPage,
+            pageSize: this.perPage,
           },
         })
         .then((result) => {

admin/src/pages/UserSearch.vue

@@ -25,7 +25,7 @@
       pills
       size="lg"
       v-model="currentPage"
-      per-page="25"
+      per-page="perPage"
       :total-rows="rows"
       align="center"
     ></b-pagination>
@@ -78,6 +78,7 @@ export default {
       filterCheckedEmails: false,
       rows: 0,
       currentPage: 1,
+      perPage: 25,
     }
   },
   methods: {
@@ -92,6 +93,7 @@ export default {
           variables: {
             searchText: this.criteria,
             currentPage: this.currentPage,
+            pageSize: this.perPage,
             notActivated: this.filterCheckedEmails,
           },
         })