erp-blocks 1.0.7 → 1.0.9

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "erp-blocks",
   "configKey": "erp",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/DataTable.d.vue.ts

@@ -4,7 +4,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         data: T[] | undefined;
         columns: TableColumn<T>[];
         loading?: boolean;
-        totalRows?: number;
+        totalRows?: number | undefined;
         itemsPerPage?: number;
     } & {
         page?: number;

package/dist/runtime/components/DataTable.vue

@@ -3,7 +3,7 @@ defineProps({
   data: { type: null, required: true },
   columns: { type: Array, required: true },
   loading: { type: Boolean, required: false },
-  totalRows: { type: Number, required: false },
+  totalRows: { type: null, required: false },
   itemsPerPage: { type: Number, required: false, default: 5 }
 });
 const page = defineModel("page", { type: Number });
@@ -24,6 +24,10 @@ const page = defineModel("page", { type: Number });
       >
         {{ data.length }} of {{ totalRows }} rows
       </span>
+      <div
+        v-else
+        class="h-6 w-25 animate-pulse bg-gray-200"
+      />
       <UPagination
         v-model:page="page"
         active-color="neutral"

package/dist/runtime/components/DataTable.vue.d.ts

@@ -4,7 +4,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         data: T[] | undefined;
         columns: TableColumn<T>[];
         loading?: boolean;
-        totalRows?: number;
+        totalRows?: number | undefined;
         itemsPerPage?: number;
     } & {
         page?: number;

package/dist/runtime/composables/useCountFetch.d.ts

@@ -9,5 +9,5 @@ export type CountFetchOptions<T> = UseFetchOptions<T> & {
 interface extendedFetchReturn<T> extends Pick<ReturnType<typeof useFetch<T>>, 'data' | 'refresh' | 'execute' | 'clear' | 'error' | 'status'> {
     count: Ref<number | undefined>;
 }
-export declare function useCountFetch<T>(url: string | (() => string), options: CountFetchOptions<T>): Promise<extendedFetchReturn<T>>;
+export declare function useCountFetch<T>(url: string | (() => string), options?: CountFetchOptions<T>): Promise<extendedFetchReturn<T>>;
 export {};

package/dist/runtime/composables/useCountFetch.js

@@ -1,6 +1,6 @@
 import { useFetch, useState } from "#app";
 export async function useCountFetch(url, options) {
-  const defaultCount = options.count ?? {
+  const defaultCount = options && options.count ? options.count : {
     source: "header",
     name: "X-Total-Count"
   };
@@ -13,6 +13,8 @@ export async function useCountFetch(url, options) {
   const userOnResponse = mergedOptions.onResponse;
   const fetch = await useFetch(url, {
     ...fetchOptions,
+    server: false,
+    lazy: true,
     onResponse(ctx) {
       const { response } = ctx;
       if (countOpt) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "erp-blocks",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Ready-to-use UI layouts and components designed as ERP system elements ",
   "repository": {
     "type": "git",