blob: 7ff339e6e49bffe532efb44b96a62b93c56b469b (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<script lang="ts">
import { page } from '$app/stores';
import { getPaginationContext } from '$lib/Pagination';
const pagination = getPaginationContext();
$: values = new Set([24, 48, 72, 90, 120, 150, 180, $pagination.items].sort((a, b) => a - b));
</script>
<select
class="btn-slate"
bind:value={$pagination.items}
on:change={() => $pagination.apply($page.url.searchParams)}
title="Limit displayed items to..."
>
{#each values as value}
<option {value}>{value}</option>
{/each}
</select>
|