From 56056c3fdbbf2b87c310d87a6fc02e6a10ba6f07 Mon Sep 17 00:00:00 2001
From: Khafid Prayoga <khafidp@pm.me>
Date: Mon, 15 Sep 2025 14:42:36 +0700
Subject: [PATCH] fix(pagination): format record numbers with locale for
 indonesia

Apply toLocaleString('id-ID') to startRecord and endRecord to display numbers in Indonesian format
---
 app/components/pub/custom-ui/pagination/pagination.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/pub/custom-ui/pagination/pagination.vue b/app/components/pub/custom-ui/pagination/pagination.vue
index 06ca17b6..4ba0da5f 100644
--- a/app/components/pub/custom-ui/pagination/pagination.vue
+++ b/app/components/pub/custom-ui/pagination/pagination.vue
@@ -65,7 +65,8 @@ const formattedRecordCount = computed(() => {
 })
 
 const startRecord = computed(() => {
-  return ((props.paginationMeta.page - 1) * props.paginationMeta.pageSize) + 1
+  const start = ((props.paginationMeta.page - 1) * props.paginationMeta.pageSize) + 1
+  return Number(start).toLocaleString('id-ID')
 })
 
 const endRecord = computed(() => {
@@ -91,7 +92,7 @@ function getButtonClass(pageNumber: number) {
     <!-- Info text -->
     <div v-if="showInfo && endRecord > 0" class="text-sm text-muted-foreground shrink-0">
       Menampilkan {{ startRecord }}
-      hingga {{ endRecord }}
+      hingga {{ Number(endRecord).toLocaleString('id-ID') }}
       dari {{ formattedRecordCount }} data
     </div>
     <div v-else class="shrink-0">-</div>