feat: add pagination page size component

This commit is contained in:
Methapon Metanipat 2024-11-15 09:58:26 +07:00
parent 5414c014f9
commit c617349a89

View file

@ -0,0 +1,21 @@
<script setup lang="ts">
const pageSize = defineModel<number>({ required: true });
</script>
<template>
<q-btn-dropdown dense unelevated :label="pageSize" class="bordered q-pl-md">
<q-list>
<q-item
v-for="v in [10, 30, 50, 100, 500, 1000]"
:key="v"
clickable
v-close-popup
@click="pageSize = v"
>
<q-item-section>
<q-item-label>{{ v }}</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-btn-dropdown>
</template>