pagination error

src/routes/+page.svelte

@@ -19,14 +19,14 @@
 	$: form = {
 		filter: data?.filter,
 		search: data?.search,
-		page: "0",
 	}
+	let current_page = "0";
 	let submitModelDialog = false;
 
 	$: elementScroll = browser ? document?.getElementById('app') : undefined;
 
 	const handleFetchMore = async () => {
-		form = {...form, page: (Number(form.page) + 1).toString()};
+		current_page = (Number(current_page) + 1).toString();
 		refetch(true);
 	}
 	const handleChangeFilter = async (filter: string) => {
@@ -46,9 +46,9 @@
 	}
 	
 	const refetch = async (add: boolean) => {
-		const request = await fetch(`/api/models?${new URLSearchParams(form)}`);
+		const request = await fetch(`/api/models?${new URLSearchParams({...form, page: current_page })}`);
 		const response = await request.json();
-		if (add) data = {...data, models: [...data.models, ...response.cards ]};
+		if (add) data = {...data, models: [...data.models, ...response.cards]};
 		else {
 			data.models = response.cards;
 			data.total_items = response.total_items;

src/routes/+page.ts

@@ -5,7 +5,6 @@ export async function load({ fetch, url }) {
   const model_param = url.searchParams.get("model")
   const search_param = url.searchParams.get("search") ?? undefined
   const filter_param = url.searchParams.get("filter") ?? "hotest"
-
   
   if (model_param) {
     const model_request = await fetch(`/api/models/${model_param?.replace("/", "@")}?full=true`, {

src/routes/api/models/+server.ts

@@ -31,7 +31,7 @@ export async function GET(request : RequestEvent) {
     orderBy: {
       ...(filter === 'hotest' ? { downloads: 'desc' } : filter === 'likes' ? { likes: 'desc' } : { createdAt: 'desc' })
     },
-    skip: limit * page,
+    skip: page * limit,
     take: limit,
   })