refactor: [#658] refactor function to display results properly

Author: mario-nt

pages/admin/settings/users.vue

@@ -30,7 +30,7 @@ watch(() => route.fullPath, () => {
   pageSize.value = isNaN(route.query.pageSize) ? defaultPageSize : parseInt(route.query.pageSize);
 });
 
-watch([pageSize, currentPage], () => {
+watch(currentPage, () => {
   router.push({
     query: {
       pageSize: pageSize.value,
@@ -41,6 +41,18 @@ watch([pageSize, currentPage], () => {
   loadUserProfiles();
 });
 
+// Resets the current page value to 1 when the page size is changed to display results correctly
+watch(pageSize, () => {
+  router.push({
+    query: {
+      pageSize: pageSize.value,
+      page: 1
+    }
+  });
+
+  loadUserProfiles();
+});
+
 onActivated(() => {
   pageSize.value = route.query.pageSize as number ?? defaultPageSize;
   currentPage.value = route.query.page as number ?? 1;