@3birds/midori-ui 0.0.51 → 0.0.52

package/dist/components/Pagination.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { page as pageState } from '$app/state';
 	import { Btn } from '@3birds/midori-ui';
 
 	let {
@@ -8,22 +9,23 @@
 		class: className
 	}: { value: number; per: number; deadend: boolean; class?: string } = $props();
 
-	const onClickPrev = () => {
-		value--;
-		window.scrollTo({ top: 0, behavior: 'smooth' });
-	};
+	const generatePaginationHref = (value: number): string => {
+		const searchParams: URLSearchParams = new URLSearchParams(pageState.url.searchParams);
+
+		searchParams.set('page', value.toString());
 
-	const onClickNext = () => {
-		value++;
-		window.scrollTo({ top: 0, behavior: 'smooth' });
+		return `${pageState.url.pathname}?${searchParams.toString()}`;
 	};
+
+	const prevHref = $derived(value === 1 ? '' : generatePaginationHref(value - 1));
+	const nextHref = $derived(deadend ? '' : generatePaginationHref(value + 1));
 </script>
 
 <div class="join col-span-8 col-start-3 grid grid-cols-2 {className}">
-	<Btn class="join-item rounded-r-none btn-outline" disabled={value === 1} onclick={onClickPrev}
+	<Btn class="join-item rounded-r-none btn-outline" href={prevHref} disabled={value === 1}
 		>前の{per}件</Btn
 	>
-	<Btn class="join-item rounded-l-none btn-outline" disabled={deadend} onclick={onClickNext}
+	<Btn class="join-item rounded-l-none btn-outline" disabled={deadend} href={nextHref}
 		>次の{per}件</Btn
 	>
 </div>

package/dist/types/index.d.ts

@@ -31,6 +31,7 @@ export interface Data<T> {
     status: number;
     data?: T;
     message?: string;
+    meta?: string;
 }
 export interface ContentImage {
     src: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@3birds/midori-ui",
-	"version": "0.0.51",
+	"version": "0.0.52",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",