invalidate load function

src/routes/+page.svelte

@@ -32,7 +32,7 @@
 	const handleChangeFilter = async (filter: string) => {
 		form = { ...form, filter, page: (0).toString()};
 		$page.url.searchParams.set('filter', filter);
-		goto(`?${$page.url.searchParams.toString()}`);
+		goto(`?${$page.url.searchParams.toString()}`, { replaceState: true, invalidateAll: true });
 	}
 	let timeout: any;
 	const handleChangeSearch = async (search: string) => {
@@ -41,7 +41,7 @@
 		timeout = setTimeout(() => {
 			if (search === "") $page.url.searchParams.delete('search');
 			else $page.url.searchParams.set('search', search);
-			goto(`?${$page.url.searchParams.toString()}`);
+			goto(`?${$page.url.searchParams.toString()}`, { replaceState: true, invalidateAll: true });
 		}, 500);
 	}
 	

src/routes/+page.ts

@@ -1,10 +1,11 @@
 import { modelStore } from "$lib/stores/use-model";
 
+/** @type {import('./$types').PageServerLoad} */
 export async function load({ fetch, url }) {
   const model_param = url.searchParams.get("model")
-  const search_param = url.searchParams.get("search") ?? ""
-  const filter_param = url.searchParams.get("filter") ?? "hotest"
-
+  const search_param = url.searchParams.get("search") ?? undefined
+  const filter_param = url.searchParams.get("filter") ?? undefined
+  
   if (model_param) {
     const model_request = await fetch(`/api/models/${model_param?.replace("/", "@")}?full=true`, {
       method: "GET",
@@ -19,8 +20,9 @@ export async function load({ fetch, url }) {
     });
   }
 
+  
   const data = {
-    filter: filter_param,
+    filter: filter_param ?? "hotest",
     page: "0",
     search: search_param ?? ""
   }