From c617349a89bd5580ece04613b0f6e94045de88c8 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Fri, 15 Nov 2024 09:58:26 +0700
Subject: [PATCH] feat: add pagination page size component

---
 src/components/PaginationPageSize.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/components/PaginationPageSize.vue

diff --git a/src/components/PaginationPageSize.vue b/src/components/PaginationPageSize.vue
new file mode 100644
index 00000000..4eb86e0c
--- /dev/null
+++ b/src/components/PaginationPageSize.vue
@@ -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>