tantee-nuxt-commons 0.0.173 → 0.0.175

package/dist/runtime/components/form/Pad.vue

@@ -34,6 +34,7 @@ interface Props {
   parentTemplates?: string|string[]
   dirtyClass?: string
   dirtyOnCreate?: boolean
+  sanitizeDelay?: number
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -43,7 +44,8 @@ const props = withDefaults(defineProps<Props>(), {
   decoration: () => { return {} },
   parentTemplates: (): string[] => [],
   dirtyClass: "form-data-dirty",
-  dirtyOnCreate: false
+  dirtyOnCreate: false,
+  sanitizeDelay: 2000,
 })
 
 const emit = defineEmits(['update:modelValue'])
@@ -87,7 +89,7 @@ function isBlankString(v: unknown): v is string {
   return isString(v) && v.trim().length === 0
 }
 
-const sanitizeBlankStrings = debounce(sanitizeBlankStringsRaw, 500)
+const sanitizeBlankStrings = debounce(sanitizeBlankStringsRaw, props.sanitizeDelay)
 
 function sanitizeBlankStringsRaw(val: any, original?: any): void {
   if (!original && props.originalData) {
@@ -125,6 +127,71 @@ function sanitizeBlankStringsRaw(val: any, original?: any): void {
   }
 }
 
+function autoSanitizedDisplay(item: any, separator: string = ","): string | undefined {
+  const isEmptyScalar = (v: any) =>
+      v === null ||
+      v === undefined ||
+      (typeof v === "string" && v.trim() === "") ||
+      (typeof v === "number" && Number.isNaN(v));
+
+  const toStr = (v: any): string | undefined => {
+    if (isEmptyScalar(v)) return undefined;
+    if (typeof v === "string") return v.trim();
+    if (typeof v === "number" || typeof v === "boolean" || typeof v === "bigint") return String(v);
+    if (typeof v === "symbol") return v.description ?? String(v);
+    if (typeof v === "function") return v.name ? `[Function ${v.name}]` : "[Function]";
+    return undefined;
+  };
+
+  // 1) empty -> undefined
+  if (isEmptyScalar(item)) return undefined;
+
+  // 2) array -> recurse + join
+  if (Array.isArray(item)) {
+    const parts = item
+        .map((x) => autoSanitizedDisplay(x, separator))
+        .filter((s): s is string => typeof s === "string" && s.trim() !== "");
+    return parts.length ? parts.join(separator) : undefined;
+  }
+
+  // simple scalars
+  const scalar = toStr(item);
+  if (scalar !== undefined) return scalar;
+
+  // 3) object
+  if (typeof item === "object") {
+    // 3.1 label
+    if ("label" in item) {
+      const v = autoSanitizedDisplay((item as any).label, separator) ?? toStr((item as any).label);
+      if (v !== undefined) return v;
+    }
+    // 3.2 value
+    if ("value" in item) {
+      const v = autoSanitizedDisplay((item as any).value, separator) ?? toStr((item as any).value);
+      if (v !== undefined) return v;
+    }
+
+    // 3.3 stringify attributes as key:value (recurse values)
+    const entries = Object.entries(item as Record<string, any>)
+        .map(([k, v]) => {
+          const rendered = autoSanitizedDisplay(v, separator) ?? toStr(v);
+          if (rendered === undefined || rendered.trim() === "") return undefined;
+          return `${k}:${rendered}`;
+        })
+        .filter((x): x is string => typeof x === "string" && x.trim() !== "");
+
+    return entries.length ? entries.join(separator) : undefined;
+  }
+
+  // fallback
+  try {
+    const s = String(item);
+    return s.trim() ? s : undefined;
+  } catch {
+    return undefined;
+  }
+}
+
 watch(formData, (newValue) => {
   sanitizeBlankStrings(newValue)
   emit('update:modelValue', newValue)
@@ -219,6 +286,7 @@ function buildFormComponent() {
           resetValidate: () => formPadTemplate.value.resetValidate(),
           isValid,
           ...templateScriptFunction.value(props, ctx, ...Object.values(vueFunctions)),
+          autoSanitizedDisplay
         }
       },
       template: componentTemplate,
@@ -279,6 +347,7 @@ defineExpose({
     :disabled="disabled"
     :readonly="readonly"
     :class="$attrs.class"
+    autocomplete="off"
   >
     <template #default="formProvided">
       <slot

package/dist/runtime/components/form/Table.vue

@@ -5,6 +5,7 @@ import {computed, defineOptions,defineExpose, nextTick, ref, useAttrs, watch, us
 import {omit} from 'lodash-es'
 import {useDialog} from "../../composables/dialog"
 import type {FormDialogCallback} from '../../types/formDialog'
+import { useLocalStorageModel, type PersistSlimProps } from '../../composables/localStorageModel'
 
 defineOptions({
   inheritAttrs: false,
@@ -32,7 +33,7 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof VDataTable['$props
   stringFields?: Array<string>
 }
 
-const props = withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<Props & PersistSlimProps>(), {
   noDataText: 'ไม่พบข้อมูล',
   dialogFullscreen: false,
   modelKey: 'id',
@@ -59,6 +60,8 @@ const items = ref<Record<string, any>[]>([])
 const search = ref<string>()
 const currentItem = ref<Record<string, any> | undefined>(undefined)
 
+useLocalStorageModel(items,props)
+
 function setSearch(keyword: string) {
   search.value = keyword
 }

package/dist/runtime/components/form/TableData.vue

@@ -5,6 +5,7 @@ import {computed, defineOptions,defineExpose, ref, useAttrs, watch, useTemplateR
 import {cloneDeep, isEqual, omit, isArray, isString} from 'lodash-es'
 import {templateItemToString} from "../../composables/document/template";
 import {templateToHeader} from "../../composables/document/templateFormTable";
+import { useLocalStorageModel, type PersistSlimProps } from '../../composables/localStorageModel'
 
 defineOptions({
   inheritAttrs: false,
@@ -22,7 +23,7 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof VDataTable['$props
   disableApplyToAll?: boolean | string | string[]
 }
 
-const props = withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<Props & PersistSlimProps>(), {
   noDataText: 'ไม่พบข้อมูล',
   modelKey: 'id',
   toolbarColor: 'primary',
@@ -40,6 +41,8 @@ const inputRef = useTemplateRef<VInput>("inputRef")
 const itemsInternal = ref<Record<string, any>[]>([])
 const itemsApplyAll = ref<Record<string, any>>({})
 
+useLocalStorageModel(itemsInternal,props)
+
 const computedDisableApplyToAll = computed(()=>{
   if (isString(props.disableApplyToAll)) {
     return props.disableApplyToAll.split(',').map(i=>i.trim())

package/dist/runtime/components/label/DateCount.vue

@@ -2,39 +2,143 @@
 import { DateTime } from "luxon";
 import { computed } from "vue";
 
-type Locale = "th" | "en" | "en-US" | "th-TH";
+type Unit = 'years' | 'months' | 'days' | 'hours' | 'minutes' | 'seconds';
+type Locale = 'th' | 'en' | 'en-US' | 'th-TH';
 
 interface Props {
   modelValue: DateTime;
   endDate?: DateTime;
   locale?: Locale;
-  zeroBase?: boolean; // true = start at 0, false = start at 1
+  showSuffix?: boolean;
+  units?: Unit[];
+  zeroBase?: boolean; // true = start at 0, false = start at 1 (inclusive)
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  locale: "th",
+  locale: 'th',
+  showSuffix: true,
   zeroBase: true,
 });
 
-const normalizeLocale = (locale: Locale): "en" | "th" =>
-    locale.startsWith("en") ? "en" : "th";
+// Fallback map: map complex locale (e.g., en-US) to base (e.g., en)
+const normalizeLocale = (locale: Locale): 'en' | 'th' => {
+  if (locale.startsWith('en')) return 'en';
+  if (locale.startsWith('th')) return 'th';
+  return 'th'; // default fallback
+};
 
-const countDate = computed(() => {
-  const base = props.endDate ?? DateTime.now();
+const labelsEnPlural: Record<Unit, string> = {
+  years: 'years',
+  months: 'months',
+  days: 'days',
+  hours: 'hours',
+  minutes: 'minutes',
+  seconds: 'seconds',
+};
+const labelsEnSingular: Record<Unit, string> = {
+  years: 'year',
+  months: 'month',
+  days: 'day',
+  hours: 'hour',
+  minutes: 'minute',
+  seconds: 'second',
+};
+
+const localizedLabels: Record<'en' | 'th', Record<Unit, string>> = {
+  en: labelsEnPlural, // จะสลับเป็น singular ตามค่าจริงตอน render
+  th: {
+    years: 'ปี',
+    months: 'เดือน',
+    days: 'วัน',
+    hours: 'ชั่วโมง',
+    minutes: 'นาที',
+    seconds: 'วินาที',
+  },
+};
+
+const localizedSuffix: Record<'en' | 'th', string> = {
+  en: 'ago',
+  th: 'ที่ผ่านมา',
+};
+
+const outputText = computed(() => {
+  const base = props.endDate ?? DateTime.now(); // ใช้ endDate ถ้ามี ไม่งั้น now
   const baseLocale = normalizeLocale(props.locale);
 
-  let days = Math.floor(base.diff(props.modelValue, "days").days ?? 0);
+  const units: Unit[] = props.units?.length
+      ? props.units
+      : ['years', 'months', 'days', 'hours', 'minutes', 'seconds'];
+
+  const diffObj = base.diff(props.modelValue, units).toObject();
+
+  // helper: คืน label ตาม singular/plural (เฉพาะ en)
+  const labelFor = (unit: Unit, value: number) => {
+    if (baseLocale === 'en') {
+      return value === 1 ? labelsEnSingular[unit] : labelsEnPlural[unit];
+    }
+    return localizedLabels[baseLocale][unit];
+  };
+
+  // ---------- โหมด single unit ----------
+  if (!props.units) {
+    const foundUnit = units.find((unit) => (diffObj[unit] ?? 0) >= 1);
+    if (foundUnit) {
+      const raw = Math.floor(diffObj[foundUnit] ?? 0); // >= 1
+      const value = props.zeroBase ? raw : raw + 1;     // inclusive (+1)
+      const label = labelFor(foundUnit, value);
+      const suffix = props.showSuffix ? localizedSuffix[baseLocale] : '';
+      return `${value} ${label}${suffix ? ` ${suffix}` : ''}`;
+    }
+
+    // ถ้าไม่มีหน่วยใด >= 1 ให้ใช้หน่วยเล็กสุด
+    const lastUnit = units.at(-1)!;
+    const raw = Math.max(0, Math.floor(diffObj[lastUnit] ?? 0));
+    const value = props.zeroBase ? raw : 1; // inclusive: อย่างน้อย 1
+    const label = labelFor(lastUnit, value);
+    const suffix = props.showSuffix ? localizedSuffix[baseLocale] : '';
+    return `${value} ${label}${suffix ? ` ${suffix}` : ''}`;
+  }
+
+  // ---------- โหมด multi-unit ----------
+  // เก็บค่าแบบตัวเลขก่อน แล้วค่อยเรนเดอร์
+  const values = units.map((unit) => ({
+    unit,
+    raw: Math.max(0, Math.floor(diffObj[unit] ?? 0)),
+  }));
+
+  // เลือกหน่วยที่เล็กที่สุด
+  const smallest = values[values.length - 1];
+
+  // ถ้ามีค่าอย่างน้อยหนึ่งหน่วย > 0 และเป็น inclusive (zeroBase=false) => +1 ที่หน่วยเล็กสุด
+  const anyPositive = values.some((v) => v.raw > 0);
+  const adjusted = values.map((v, idx) => {
+    if (!props.zeroBase && anyPositive && idx === values.length - 1) {
+      return { ...v, raw: v.raw + 1 };
+    }
+    return v;
+  });
 
-  if (!props.zeroBase) days += 1;
+  // สร้างข้อความจากหน่วยที่มีค่า > 0
+  const parts = adjusted
+      .filter((v) => v.raw > 0)
+      .map((v) => `${v.raw} ${labelFor(v.unit, v.raw)}`);
 
-  if (baseLocale === "en") {
-    return days === 1 ? "1 day" : `${days} days`;
+  // หากทั้งหมดเป็น 0:
+  if (parts.length === 0) {
+    const minValue = props.zeroBase ? 0 : 1;
+    const label = labelFor(smallest.unit, minValue);
+    const suffix = props.showSuffix ? localizedSuffix[baseLocale] : '';
+    return `${minValue} ${label}${suffix ? ` ${suffix}` : ''}`;
   }
 
-  return `${days} วัน`;
+  const suffix = props.showSuffix ? localizedSuffix[baseLocale] : '';
+  return `${parts.join(' ')}${suffix ? ` ${suffix}` : ''}`;
 });
 </script>
 
 <template>
-  <span>{{ countDate }}</span>
+<span>
+  <i v-if="props.zeroBase" class="mdi mdi-clock-time-twelve-outline"></i>
+  <span v-if="props.zeroBase">&nbsp;</span>{{ outputText }}
+</span>
 </template>

package/dist/runtime/components/model/Autocomplete.vue

@@ -2,10 +2,11 @@
 import { VAutocomplete } from 'vuetify/components/VAutocomplete'
 import { defineModel, withDefaults } from 'vue'
 import { useLookupList, type LookupProps } from '../../composables/lookupList'
+import { useLocalStorageModel, type PersistSlimProps } from '../../composables/localStorageModel'
 
 interface Props extends /* @vue-ignore */ InstanceType<typeof VAutocomplete['$props']> {}
 
-const props = withDefaults(defineProps<Props & LookupProps>(), {
+const props = withDefaults(defineProps<Props & LookupProps & PersistSlimProps>(), {
   fuzzy: false,
   showCode: false,
   cache: false,
@@ -22,6 +23,8 @@ const emit = defineEmits<{
 
 const selectedItems = defineModel<any>()
 
+useLocalStorageModel(selectedItems,props)
+
 const {
   searchData,
   computedItems,

package/dist/runtime/components/model/Combobox.vue

@@ -2,10 +2,11 @@
 import { VCombobox } from 'vuetify/components/VCombobox'
 import { defineModel, withDefaults } from 'vue'
 import { useLookupList, type LookupProps } from '../../composables/lookupList'
+import { useLocalStorageModel, type PersistSlimProps } from '../../composables/localStorageModel'
 
 interface Props extends /* @vue-ignore */ InstanceType<typeof VCombobox['$props']> {}
 
-const props = withDefaults(defineProps<Props & LookupProps>(), {
+const props = withDefaults(defineProps<Props & LookupProps & PersistSlimProps>(), {
   fuzzy: false,
   showCode: false,
   cache: false,
@@ -22,6 +23,8 @@ const emit = defineEmits<{
 
 const selectedItems = defineModel<any>()
 
+useLocalStorageModel(selectedItems,props)
+
 const {
   searchData,
   computedItems,

package/dist/runtime/components/model/Select.vue

@@ -2,10 +2,11 @@
 import { VCombobox } from 'vuetify/components/VCombobox'
 import { defineModel, withDefaults } from 'vue'
 import { useLookupList, type StaticLookupProps } from '../../composables/lookupList'
+import { useLocalStorageModel, type PersistSlimProps } from '../../composables/localStorageModel'
 
 interface Props extends /* @vue-ignore */ InstanceType<typeof VCombobox['$props']> {}
 
-const props = withDefaults(defineProps<Props & StaticLookupProps>(), {
+const props = withDefaults(defineProps<Props & StaticLookupProps & PersistSlimProps>(), {
   fuzzy: false,
   showCode: false,
   cache: false,
@@ -17,6 +18,8 @@ const emit = defineEmits<{
 
 const selectedItems = defineModel<any>()
 
+useLocalStorageModel(selectedItems,props)
+
 const {
   computedItems,
   computedFilterKeys,

package/dist/runtime/components/pdf/View.vue

@@ -15,12 +15,12 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof PDF['$props']> {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  base64String: "",
-  title: "",
-  fileName: "",
+  base64String: '',
+  title: '',
+  fileName: '',
   disabled: false,
   isPrint: false,
-  showBackToTopBtn: false
+  showBackToTopBtn: false,
 })
 
 const emit = defineEmits(['closeDialog'])
@@ -33,25 +33,34 @@ const generateUniqueId = (): string => {
 }
 
 const downloadPdf = (): void => {
-  const byteString = atob(props.base64String || '')
-  const byteArray = new Uint8Array(byteString.length)
+  try {
+    if (!props.base64String) alert?.addAlert({ message: 'No Base64 provided', alertType: 'error' })
 
-  for (let i = 0; i < byteString.length; i++) {
-    byteArray[i] = byteString.charCodeAt(i)
-  }
+    const byteString = atob(props.base64String || '')
+    const byteArray = new Uint8Array(byteString.length)
 
-  const blob = new Blob([byteArray], { type: 'application/pdf' })
-  const link = URL.createObjectURL(blob)
-  const anchorElement = document.createElement('a')
-  anchorElement.style.display = 'none'
-  anchorElement.href = link
-  anchorElement.download = `${generateUniqueId()}.pdf`
-
-  document.body.appendChild(anchorElement)
-  anchorElement.click()
-  URL.revokeObjectURL(link)
-  document.body.removeChild(anchorElement)
-  base64.value = ''
+    for (let i = 0; i < byteString.length; i++) {
+      byteArray[i] = byteString.charCodeAt(i)
+    }
+
+    const blob = new Blob([byteArray], { type: 'application/pdf' })
+    const link = URL.createObjectURL(blob)
+    const anchorElement = document.createElement('a')
+    anchorElement.style.display = 'none'
+    anchorElement.href = link
+    anchorElement.download = `${generateUniqueId()}.pdf`
+
+    document.body.appendChild(anchorElement)
+    anchorElement.click()
+    URL.revokeObjectURL(link)
+    document.body.removeChild(anchorElement)
+    base64.value = ''
+
+    alert?.addAlert({ message: 'Download success', alertType: 'success' })
+  }
+  catch (error) {
+    alert?.addAlert({ message: `Download unsuccess : ${error}`, alertType: 'error' })
+  }
 }
 
 const printPdf = () => {
@@ -60,7 +69,7 @@ const printPdf = () => {
     type: 'pdf',
     base64: true,
     onPrintDialogClose: endLoadPdf,
-    onError: (error: any) => {
+    onError: (error) => {
       alert?.addAlert({ message: error, alertType: 'error' })
     },
   })
@@ -73,18 +82,19 @@ const endLoadPdf = () => {
 }
 
 const isMobile = () => {
-  return /Android|Mobi|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Macintosh/i.test(navigator.userAgent);
+  return /Android|Mobi|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Macintosh/i.test(navigator.userAgent)
 }
 
 const checkMobileAndPrint = computed(() => {
-  return !isMobile() && props.isPrint;
-});
+  return !isMobile() && props.isPrint
+})
 
 const setWidthPdf = computed(() => {
   if (isMobile()) {
-    return "100%"
-  } else {
-    return "100dvh"
+    return '100%'
+  }
+  else {
+    return '100dvh'
   }
 })
 </script>
@@ -114,10 +124,10 @@ const setWidthPdf = computed(() => {
     </v-toolbar>
     <v-card-text class="justify-center h-screen">
       <PDF
-          v-bind="$attrs"
-          :pdf-width="setWidthPdf"
-          :src="base64"
-          :show-back-to-top-btn="props.showBackToTopBtn"
+        v-bind="$attrs"
+        :pdf-width="setWidthPdf"
+        :src="base64"
+        :show-back-to-top-btn="props.showBackToTopBtn"
       />
     </v-card-text>
   </v-card>

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

@@ -2,9 +2,9 @@ import type { UseFetchOptions } from 'nuxt/app';
 import type { SearchParameters } from 'ofetch';
 export declare function useApi(): {
     urlBuilder: (url: string | string[]) => string;
-    get: (url: string | string[], body?: Record<string, any> | [], params?: SearchParameters, options?: UseFetchOptions<unknown>, cache?: boolean | number) => Promise<unknown>;
-    getPromise: (url: string | string[], body?: Record<string, any> | [], params?: SearchParameters, options?: UseFetchOptions<unknown>, cache?: boolean | number) => Promise<unknown>;
-    post: (url: string | string[], body?: Record<string, any> | [], params?: SearchParameters, options?: UseFetchOptions<unknown>, cache?: boolean | number) => Promise<unknown>;
-    postPromise: (url: string | string[], body?: Record<string, any> | [], params?: SearchParameters, options?: UseFetchOptions<unknown>, cache?: boolean | number) => Promise<unknown>;
+    get: <T>(url: string | string[], body?: Record<string, any> | [], params?: SearchParameters, options?: UseFetchOptions<unknown>, cache?: boolean | number) => Promise<T>;
+    getPromise: <T>(url: string | string[], body?: Record<string, any> | [], params?: SearchParameters, options?: UseFetchOptions<unknown>, cache?: boolean | number) => Promise<T>;
+    post: <T>(url: string | string[], body?: Record<string, any> | [], params?: SearchParameters, options?: UseFetchOptions<unknown>, cache?: boolean | number) => Promise<T>;
+    postPromise: <T>(url: string | string[], body?: Record<string, any> | [], params?: SearchParameters, options?: UseFetchOptions<unknown>, cache?: boolean | number) => Promise<T>;
     hashKey: (data: any) => Promise<string>;
 };

package/dist/runtime/composables/api.js

@@ -1,29 +1,33 @@
 import { ofetch } from "ofetch";
 import { trimEnd, trimStart } from "lodash-es";
-import ls from "localstorage-ttl";
+import ls from "localstorage-slim";
 import { stableStringify } from "../utils/object.js";
 import { sha256 } from "../utils/hash.js";
 import { useAuthentication, useRuntimeConfig } from "#imports";
 export function useApi() {
   const config = useRuntimeConfig();
+  const CACHE_PREFIX = "api-cache-";
   function urlBuilder(url) {
     let returnUrl;
     if (Array.isArray(url)) {
-      if (url[0].toLowerCase() == "agent") url[0] = config?.public.WS_AGENT || config?.public.WS_DEVICE;
+      if (url[0].toLowerCase() === "agent") {
+        url[0] = config?.public.WS_AGENT || config?.public.WS_DEVICE;
+      }
       returnUrl = url.join("/");
     } else {
       returnUrl = url;
     }
     if (returnUrl.startsWith("http://") || returnUrl.startsWith("https://")) return returnUrl;
-    else return trimEnd(config?.public.WS_API, "/") + "/" + trimStart(returnUrl, "/");
+    return trimEnd(config?.public.WS_API, "/") + "/" + trimStart(returnUrl, "/");
   }
   function optionBuilder(method, body, params, options = {}) {
     const headers = {
       "Content-Type": "application/json",
-      "Accept": "application/json"
+      Accept: "application/json"
     };
     const { token } = useAuthentication().keycloak || {};
     if (token) {
+      ;
       headers["Authorization"] = `Bearer ${token}`;
     }
     const baseOptions = {
@@ -58,27 +62,35 @@ export function useApi() {
     const jsonString = stableStringify(data);
     return sha256(jsonString);
   }
-  async function ofetchWithCache(url, method, body, params, options, cache) {
-    const keyData = { url: urlBuilder(url), method, body, params, options };
-    let ttl = 0;
-    if (cache) {
-      if (typeof cache === "boolean") ttl = 5 * 60 * 1e3;
-      else {
-        ttl = +cache * 60 * 1e3;
-      }
+  function computeTtlSecond(cache) {
+    if (!cache) return 0;
+    if (typeof cache === "boolean") return 5 * 60;
+    let ttlNum = Math.max(0, Number(cache));
+    return ttlNum > 60 ? ttlNum : ttlNum * 60;
+  }
+  function safeGetCache(key) {
+    try {
+      const v = ls.get(key);
+      return v ?? null;
+    } catch {
+      return null;
     }
+  }
+  async function ofetchWithCache(url, method, body, params, options, cache) {
+    const builtUrl = urlBuilder(url);
+    const ttl = computeTtlSecond(cache);
     if (ttl === 0) {
-      return ofetch(urlBuilder(url), optionBuilder(method, body, params, options));
+      return ofetch(builtUrl, optionBuilder(method, body, params, options));
     }
-    const key = "api-cache-" + await hashKey(keyData);
-    const cached = ls.get(key);
-    if (cached) {
-      return Promise.resolve(cached);
+    const keyData = { url: builtUrl, method, body, params, headers: options?.headers };
+    const key = CACHE_PREFIX + await hashKey(keyData);
+    const cached = safeGetCache(key);
+    if (cached !== null) {
+      return cached;
     }
-    return ofetch(urlBuilder(url), optionBuilder(method, body, params, options)).then((result) => {
-      ls.set(key, result, ttl);
-      return result;
-    });
+    const result = await ofetch(builtUrl, optionBuilder(method, body, params, options));
+    ls.set(key, result, { ttl });
+    return result;
   }
   return { urlBuilder, get, getPromise, post, postPromise, hashKey };
 }

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

@@ -0,0 +1,15 @@
+/** JSON-serializable config object (backend: Map<String, Object>) */
+export type ClientConfig = Record<string, any>;
+export interface ClientConfigOptions {
+    storageKey?: string;
+}
+export interface ClientConfigService {
+    get(): ClientConfig | null;
+    set(cfg: ClientConfig): void;
+    clear(): void;
+    /** GraphQL-first, localStorage fallback */
+    load(): Promise<ClientConfig | null>;
+    /** BLANK method stub: implement GraphQL retrieval */
+    fetchFromGraphql(): Promise<ClientConfig>;
+}
+export declare function createClientConfigService(opts?: ClientConfigOptions): ClientConfigService;