Fixed follow list view pagination

fe_calckey/frontend/client/src/pages/user/follow-list.vue

@@ -22,33 +22,45 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from "vue";
 import MkUserInfo from "@/components/MkUserInfo.vue";
 import { endpoints, packed } from "magnetar-common";
 import MagPagination, { Paging } from "@/components/MagPagination.vue";
+import { reactive, watch } from "vue";
 
 const props = defineProps<{
     user: packed.PackUserBase;
     type: "following" | "followers";
 }>();
 
-const followingPagination: Paging = {
+const followingPagination: Paging<typeof endpoints.GetFollowingById> = reactive(
-    endpoint: endpoints.GetFollowingById,
+    {
-    limit: 20,
+        endpoint: endpoints.GetFollowingById,
-    pathParams: computed(() => ({
+        limit: 20,
-        id: props.user.id,
+        pathParams: {
-    })),
+            id: props.user.id,
-    params: {},
+        },
-};
+        params: {},
+    }
+);
 
-const followersPagination: Paging = {
+const followersPagination: Paging<typeof endpoints.GetFollowersById> = reactive(
-    endpoint: endpoints.GetFollowersById,
+    {
-    limit: 20,
+        endpoint: endpoints.GetFollowersById,
-    pathParams: computed(() => ({
+        limit: 20,
-        id: props.user.id,
+        pathParams: {
-    })),
+            id: props.user.id,
-    params: {},
+        },
-};
+        params: {},
+    }
+);
+
+watch(
+    () => props.user.id,
+    (val) => {
+        followingPagination.pathParams.id = val;
+        followersPagination.pathParams.id = val;
+    }
+);
 </script>
 
 <style lang="scss" scoped>