From 6e64a041f07a840363fc70863e6d1486ced9203c Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Mon, 1 Jul 2024 11:44:20 +0700
Subject: [PATCH] feat: PaginationComponent

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

diff --git a/src/components/PaginationComponent.vue b/src/components/PaginationComponent.vue
new file mode 100644
index 00000000..f400d95c
--- /dev/null
+++ b/src/components/PaginationComponent.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+const currentPage = defineModel<number>('currentPage', { default: 1 });
+const maxPage = defineModel<number>('maxPage', { default: 1 });
+
+withDefaults(
+  defineProps<{
+    fetchData?: (...args: unknown[]) => void;
+  }>(),
+  {},
+);
+</script>
+
+<template>
+  <q-pagination
+    claess="pagination"
+    v-model="currentPage"
+    :max="maxPage"
+    direction-links
+    active-color="primary"
+    gutter="sm"
+    @update:model-value="fetchData"
+  />
+</template>
+
+<style scoped></style>