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>