fix(registry): sort data

src/composables/usePagination.ts

@@ -0,0 +1,47 @@
+import { ref, computed } from "vue";
+import type { PropsTable } from "@/interface/index/PropsTable";
+
+export function usePagination(
+  defaultSort = "",
+  fetchFunction?: () => Promise<any>
+) {
+  const pagination = ref<PropsTable.Pagination>({
+    sortBy: defaultSort,
+    descending: true,
+    page: 1,
+    rowsPerPage: 10,
+    rowsNumber: 0,
+  });
+
+  const params = computed(() => {
+    const queryParams: Record<string, string> = {
+      page: pagination.value.page.toString(),
+      pageSize: pagination.value.rowsPerPage.toString(),
+    };
+
+    if (pagination.value.sortBy) {
+      queryParams.sortBy = pagination.value.sortBy;
+      queryParams.descending = (
+        pagination.value.descending ?? false
+      ).toString();
+    }
+
+    return queryParams;
+  });
+
+  async function onRequest(props: PropsTable.RequestProps) {
+    const newPagination = props?.pagination || props;
+    if (!newPagination?.page || !newPagination?.rowsPerPage) return;
+
+    pagination.value = { ...newPagination };
+    if (fetchFunction) {
+      await fetchFunction(); // เรียกฟังก์ชันที่ส่งเข้ามา
+    }
+  }
+
+  return {
+    pagination,
+    params,
+    onRequest,
+  };
+}