@ramathibodi/nuxt-commons 0.1.2 → 0.1.4

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.2"
+  "version": "0.1.4"
 }

package/dist/runtime/components/SplitterPanel.vue

@@ -1,47 +1,59 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref } from 'vue'
 import { VCard } from 'vuetify/components/VCard'
-const isResizing = ref(false);
-const pane1Width = ref('50%');
+
+const isResizing = ref(false)
+const pane1Width = ref('50%')
 const containerRef = ref<HTMLElement>()
-interface Props extends /* @vue-ignore */ InstanceType<typeof VCard['$props']>{
-  height? : number | string
+interface Props extends /* @vue-ignore */ InstanceType<typeof VCard['$props']> {
+  height?: number | string
 }
 const props = defineProps<Props>()
 
 const startResize = () => {
-  isResizing.value = true;
-};
+  isResizing.value = true
+}
 
 const stopResize = () => {
-  isResizing.value = false;
-};
+  isResizing.value = false
+}
 
 const resize = (event: MouseEvent) => {
   if (isResizing.value && containerRef.value) {
-    const containerRect = containerRef.value.getBoundingClientRect();
-    const newWidth = event.clientX - containerRect.left;
-    pane1Width.value = `${(newWidth / containerRect.width) * 100}%`;
+    const containerRect = containerRef.value.getBoundingClientRect()
+    const newWidth = event.clientX - containerRect.left
+    pane1Width.value = `${(newWidth / containerRect.width) * 100}%`
   }
-};
+}
 </script>
 
 <template>
   <v-card :="$attrs">
-    <v-sheet border :height="height">
-      <div class="d-flex" ref="containerRef" @mouseup="stopResize" @mousemove="resize" >
-        <v-sheet :width = "pane1Width">
-          <slot name="left"></slot>
+    <v-sheet
+      border
+      :height="height"
+    >
+      <div
+        ref="containerRef"
+        class="d-flex"
+        @mouseup="stopResize"
+        @mousemove="resize"
+      >
+        <v-sheet :width="pane1Width">
+          <slot name="left" />
         </v-sheet>
-        <v-divider :thickness="3" vertical class="cursor-move" @mousedown="startResize" ></v-divider>
-        <v-sheet  :width = "`calc(100% - ${pane1Width})`" >
-          <slot name="right"></slot>
+        <v-divider
+          :thickness="3"
+          vertical
+          class="cursor-move"
+          @mousedown="startResize"
+        />
+        <v-sheet :width="`calc(100% - ${pane1Width})`">
+          <slot name="right" />
         </v-sheet>
       </div>
     </v-sheet>
-
   </v-card>
-
 </template>
 
 <style scoped>

package/dist/runtime/components/document/TemplateBuilder.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import {computed, ref, watch} from 'vue'
+import { computed, ref, watch } from 'vue'
 import * as prettier from 'prettier'
 import prettierPluginHtml from 'prettier/plugins/html'
-import {useDocumentTemplate, validationRulesRegex} from '../../composables/document/template'
+import { useDocumentTemplate, validationRulesRegex } from '../../composables/document/template'
 
 interface Props {
   modelValue?: string
@@ -82,8 +82,8 @@ async function convertToAdvanceMode() {
   }
 }
 
-const inputTypeChoice = ref(['VTextField', 'VTextarea', 'VSelect','VAutocomplete','FormDate','FormTime','FormDateTime','VCombobox', 'VRadio', 'VRadioInline', 'VCheckbox','VSwitch', 'MasterAutocomplete', 'Header', 'Separator', 'CustomCode'])
-const requireOption = ref(['VSelect','VAutocomplete','VCombobox', 'VRadio', 'VRadioInline', 'MasterAutocomplete'])
+const inputTypeChoice = ref(['VTextField', 'VTextarea', 'VSelect', 'VAutocomplete', 'FormDate', 'FormTime', 'FormDateTime', 'VCombobox', 'VRadio', 'VRadioInline', 'VCheckbox', 'VSwitch', 'MasterAutocomplete', 'Header', 'Separator', 'CustomCode'])
+const requireOption = ref(['VSelect', 'VAutocomplete', 'VCombobox', 'VRadio', 'VRadioInline', 'MasterAutocomplete'])
 const notRequireVariable = ref(['Header', 'Separator', 'CustomCode'])
 const notRequireLabel = ref(['Separator', 'CustomCode'])
 
@@ -176,8 +176,8 @@ const ruleOptions = (inputType: string) => (value: any) => {
           </v-col>
           <v-col v-if="data.inputType!='Separator'">
             <v-text-field
-                v-model="data.columnAttributes"
-                label="Column Attributes"
+              v-model="data.columnAttributes"
+              label="Column Attributes"
             />
           </v-col>
           <v-col

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

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import {VAutocomplete} from 'vuetify/components/VAutocomplete'
-import {concat, isEmpty} from 'lodash-es'
-import {computed, ref, watch} from 'vue'
-import {watchDebounced} from '@vueuse/core'
-import {useFuzzy} from '../../composables/utils/fuzzy'
-import {useGraphQl} from '../../composables/graphql'
+import { VAutocomplete } from 'vuetify/components/VAutocomplete'
+import { concat, isEmpty } from 'lodash-es'
+import { computed, ref, watch } from 'vue'
+import { watchDebounced } from '@vueuse/core'
+import { useFuzzy } from '../../composables/utils/fuzzy'
+import { useGraphQl } from '../../composables/graphql'
 
 interface Props extends /* @vue-ignore */ InstanceType<typeof VAutocomplete['$props']> {
   fuzzy?: boolean

package/dist/runtime/composables/alert.mjs

@@ -23,8 +23,7 @@ export function createAlert() {
     },
     takeAlert(location = "default") {
       const item = head(items.value.filter((i) => i.alertLocation === location));
-      if (item)
-        remove(items.value, (i) => i === item);
+      if (item) remove(items.value, (i) => i === item);
       return item;
     },
     hasAlert(location = "default") {

package/dist/runtime/composables/api.mjs

@@ -5,16 +5,13 @@ export function useApi() {
   function urlBuilder(url) {
     let returnUrl = "";
     if (Array.isArray(url)) {
-      if (url[0].toLowerCase() == "agent")
-        url[0] = config?.public.WS_AGENT;
+      if (url[0].toLowerCase() == "agent") url[0] = config?.public.WS_AGENT;
       returnUrl = url.join("/");
     } else {
       returnUrl = url;
     }
-    if (returnUrl.startsWith("http://") || returnUrl.startsWith("https://"))
-      return returnUrl;
-    else
-      return trimEnd(config?.public.WS_API, "/") + "/" + trimStart(returnUrl, "/");
+    if (returnUrl.startsWith("http://") || returnUrl.startsWith("https://")) return returnUrl;
+    else return trimEnd(config?.public.WS_API, "/") + "/" + trimStart(returnUrl, "/");
   }
   function optionBuilder(method, body, params, options) {
     let returnOption = {
@@ -28,10 +25,8 @@ export function useApi() {
     };
     if (options) {
       options = Object.assign(options, returnOption);
-      if (options.headers)
-        options.headers = Object.assign(options.headers, headers);
-      else
-        options.headers = headers;
+      if (options.headers) options.headers = Object.assign(options.headers, headers);
+      else options.headers = headers;
     }
     returnOption = Object.assign(returnOption, options);
     return returnOption;
@@ -42,10 +37,8 @@ export function useApi() {
   function getPromise(url, body, params, options) {
     return new Promise(async (resolve, reject) => {
       const { data, error } = await get(url, body, params, options);
-      if (!error.value)
-        resolve(data.value);
-      else
-        reject(error.value);
+      if (!error.value) resolve(data.value);
+      else reject(error.value);
     });
   }
   function post(url, body, params, options) {
@@ -54,10 +47,8 @@ export function useApi() {
   function postPromise(url, body, params, options) {
     return new Promise(async (resolve, reject) => {
       const { data, error } = await post(url, body, params, options);
-      if (!error.value)
-        resolve(data.value);
-      else
-        reject(error.value);
+      if (!error.value) resolve(data.value);
+      else reject(error.value);
     });
   }
   return { urlBuilder, get, getPromise, post, postPromise };

package/dist/runtime/composables/document/template.mjs

@@ -1,7 +1,6 @@
 export const validationRulesRegex = /^(require(?:\([^)]*\))?|requireIf(?:\([^)]*\))?|requireTrue(?:\([^)]*\))?|requireTrueIf(?:\([^)]*\))?|numeric(?:\([^)]*\))?|range(?:\([^)]*\))?|integer(?:\([^)]*\))?|unique(?:\([^)]*\))?|length(?:\([^)]*\))?|lengthGreater(?:\([^)]*\))?|lengthLess(?:\([^)]*\))?|telephone(?:\([^)]*\))?|email(?:\([^)]*\))?|regex(?:\([^)]*\))?)(,(require(?:\([^)]*\))?|requireIf(?:\([^)]*\))?|requireTrue(?:\([^)]*\))?|requireTrueIf(?:\([^)]*\))?|numeric(?:\([^)]*\))?|range(?:\([^)]*\))?|integer(?:\([^)]*\))?|unique(?:\([^)]*\))?|length(?:\([^)]*\))?|lengthGreater(?:\([^)]*\))?|lengthLess(?:\([^)]*\))?|telephone(?:\([^)]*\))?|email(?:\([^)]*\))?|regex(?:\([^)]*\))?))*$/;
 export function useDocumentTemplate(items) {
-  if (!items)
-    return "";
+  if (!items) return "";
   if (typeof items === "string") {
     try {
       items = JSON.parse(items);
@@ -36,10 +35,8 @@ function templateItemToString(item) {
       optionString = item.inputOptions.split(",").join(" ");
     }
   }
-  if (item.inputType == "FormDateTime" && !item.inputAttributes?.includes("dense"))
-    item.inputAttributes = (item.inputAttributes?.trim() + " dense").trim();
-  if (item.validationRules)
-    validationRules = buildValidationRules(item.validationRules);
+  if (item.inputType == "FormDateTime" && !item.inputAttributes?.includes("dense")) item.inputAttributes = (item.inputAttributes?.trim() + " dense").trim();
+  if (item.validationRules) validationRules = buildValidationRules(item.validationRules);
   let templateString = "";
   switch (item.inputType) {
     case "CustomCode":
@@ -60,10 +57,8 @@ function templateItemToString(item) {
     default:
       templateString = `<${item.inputType} v-model="data.${item.variableName}" label="${item.inputLabel || item.variableName}"${item.inputAttributes ? " " + item.inputAttributes : ""}${optionString ? " " + optionString.trim() : ""}${validationRules ? " " + validationRules.trim() : ""}></${item.inputType}>`;
   }
-  if (!["Separator", "Header"].includes(item.inputType))
-    templateString = `<v-col${item.width ? ' cols="' + item.width + '"' : ""}${item.columnAttributes ? " " + item.columnAttributes : ""}>${templateString}</v-col>`;
-  if (["Header"].includes(item.inputType))
-    templateString = `</v-row><v-row dense><v-col${item.columnAttributes ? " " + item.columnAttributes : ""}>${templateString}</v-col></v-row><v-row dense>`;
+  if (!["Separator", "Header"].includes(item.inputType)) templateString = `<v-col${item.width ? ' cols="' + item.width + '"' : ""}${item.columnAttributes ? " " + item.columnAttributes : ""}>${templateString}</v-col>`;
+  if (["Header"].includes(item.inputType)) templateString = `</v-row><v-row dense><v-col${item.columnAttributes ? " " + item.columnAttributes : ""}>${templateString}</v-col></v-row><v-row dense>`;
   return templateString;
 }
 function optionStringToChoiceObject(option) {
@@ -84,12 +79,9 @@ function optionStringToChoiceObject(option) {
 }
 function buildValidationRules(validationString) {
   validationString = validationString.trim();
-  if (validationString.startsWith("["))
-    validationString = validationString.substring(1);
-  if (validationString.endsWith("]"))
-    validationString = validationString.substring(0, validationString.length - 1);
-  if (!validationRulesRegex.test(validationString))
-    return "";
+  if (validationString.startsWith("[")) validationString = validationString.substring(1);
+  if (validationString.endsWith("]")) validationString = validationString.substring(0, validationString.length - 1);
+  if (!validationRulesRegex.test(validationString)) return "";
   validationString = validationString.split(",").map((rule) => {
     rule = rule.trim();
     if (!rule.startsWith("rules.")) {

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

@@ -10,8 +10,8 @@ declare type VariableOptions = {
 };
 export declare function useGraphQl(): {
     query: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions, cache?: boolean) => any;
-    queryPromise: <T_1>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions, cache?: boolean) => Promise<T_1>;
-    mutation: <T_2>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => any;
-    mutationPromise: <T_3>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => Promise<T_3>;
+    queryPromise: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions, cache?: boolean) => Promise<T>;
+    mutation: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => any;
+    mutationPromise: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => Promise<T>;
 };
 export {};

package/dist/runtime/composables/graphql.mjs

@@ -4,8 +4,7 @@ import { classAttributes, isClassConstructor } from "../utils/object.mjs";
 import { gql, useAsyncQuery, useMutation } from "#imports";
 export function useGraphQl() {
   function query(operation, fields, variables, cache = false) {
-    if (isClassConstructor(fields))
-      fields = classAttributes(fields);
+    if (isClassConstructor(fields)) fields = classAttributes(fields);
     const builder = gqlQuery({ operation, fields, variables });
     const options = {
       query: gql(builder.query),
@@ -15,8 +14,7 @@ export function useGraphQl() {
     return useAsyncQuery(options);
   }
   function queryPromise(operation, fields, variables, cache = false) {
-    if (isClassConstructor(fields))
-      fields = classAttributes(fields);
+    if (isClassConstructor(fields)) fields = classAttributes(fields);
     const builder = gqlQuery({ operation, fields, variables });
     return new Promise((resolve, reject) => {
       const { onResult, onError } = useQuery(gql(builder.query), builder.variables, { fetchPolicy: cache ? "cache-first" : "no-cache" });
@@ -34,14 +32,12 @@ export function useGraphQl() {
     });
   }
   function mutation(operation, fields, variables) {
-    if (isClassConstructor(fields))
-      fields = classAttributes(fields);
+    if (isClassConstructor(fields)) fields = classAttributes(fields);
     const builder = gqlMutation({ operation, fields, variables });
     return useMutation(gql(builder.query), { variables: builder.variables });
   }
   function mutationPromise(operation, fields, variables) {
-    if (isClassConstructor(fields))
-      fields = classAttributes(fields);
+    if (isClassConstructor(fields)) fields = classAttributes(fields);
     const builder = gqlMutation({ operation, fields, variables });
     return new Promise(async (resolve, reject) => {
       const { mutate, error } = useMutation(gql(builder.query), { variables: builder.variables });

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

@@ -0,0 +1,11 @@
+import { type ComputedRef, type InjectionKey, type Ref } from 'vue';
+import { type RouteRecordNormalized, type RouteRecordRaw } from 'vue-router';
+import { type MenuItem } from '../types/menu';
+export interface MenuProvide {
+    menuAll: Ref<MenuItem[]>;
+    menuByRoute: ComputedRef<MenuItem[]>;
+}
+export declare const MenuKey: InjectionKey<MenuProvide>;
+export declare function routeToMenuItem(route: RouteRecordRaw | RouteRecordNormalized): MenuItem | undefined;
+export declare function createMenu(): void;
+export declare function useMenu(): MenuProvide | null;

package/dist/runtime/composables/menu.mjs

@@ -1,6 +1,6 @@
-import { inject, provide, ref } from "vue";
-import { useRoute, useRouter } from "vue-router";
+import { computed, inject, provide, ref } from "vue";
 import { isUndefined } from "lodash-es";
+import { useRoute, useRouter } from "#imports";
 export const MenuKey = Symbol.for("ramacare:menu");
 export function routeToMenuItem(route) {
   let menuItem = void 0;
@@ -21,8 +21,7 @@ export function routeToMenuItem(route) {
       const menuItems = new Array();
       for (const children of route.children) {
         const childMenuItem = routeToMenuItem(children);
-        if (childMenuItem)
-          menuItems.push(childMenuItem);
+        if (childMenuItem) menuItems.push(childMenuItem);
         menuItem.menuItems = menuItems;
       }
     }
@@ -37,13 +36,12 @@ export function createMenu() {
     if (paths.length == 2) {
       if (route.path != "/login" && route.path != "/") {
         const menuItem = routeToMenuItem(route);
-        if (menuItem)
-          menuAll.value.push(menuItem);
+        if (menuItem) menuAll.value.push(menuItem);
       }
     }
   }
   provide(MenuKey, {
-    menuByRoute: () => {
+    menuByRoute: computed(() => {
       const route = useRoute();
       for (const menuItem of menuAll.value) {
         if (menuItem.name == route.path.split("/")[1]) {
@@ -51,7 +49,7 @@ export function createMenu() {
         }
       }
       return [];
-    },
+    }),
     menuAll
   });
 }

package/dist/runtime/composables/utils/fuzzy.d.ts

@@ -1,2 +1,2 @@
 import type { MaybeRefOrGetter } from 'vue';
-export declare function useFuzzy(searchTerm: MaybeRefOrGetter<string>, items: MaybeRefOrGetter<any[]>, fieldName: MaybeRefOrGetter<string[]>, options?: MaybeRefOrGetter<Record<string, any>>): import("vue").ComputedRef<import("fuse.js").default.FuseResult<any>[]>;
+export declare function useFuzzy(searchTerm: MaybeRefOrGetter<string>, items: MaybeRefOrGetter<any[]>, fieldName: MaybeRefOrGetter<string[]>, options?: MaybeRefOrGetter<Record<string, any>>): import("vue").ComputedRef<Fuse.FuseResult<DataItem>[]>;

package/dist/runtime/plugins/permission.mjs

@@ -2,8 +2,7 @@ import { defineNuxtPlugin } from "nuxt/app";
 import { useAuthentication } from "#imports";
 export default defineNuxtPlugin(async (nuxtApp) => {
   function permission(permissionId) {
-    if (!permissionId || useAuthentication()?.hasPermission(permissionId) === void 0)
-      return true;
+    if (!permissionId || useAuthentication()?.hasPermission(permissionId) === void 0) return true;
     return useAuthentication()?.hasPermission(permissionId);
   }
   nuxtApp.vueApp.config.globalProperties.$permission = permission;
@@ -15,8 +14,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
             um();
           });
         }
-        if (el.parentElement)
-          el.parentElement.removeChild(el);
+        if (el.parentElement) el.parentElement.removeChild(el);
       }
     }
   });

package/dist/runtime/types/menu.d.ts

@@ -22,4 +22,4 @@ declare global {
   }
 }
 
-export {}
+export { MenuMeta, MenuItem }

package/dist/runtime/types/modules.d.ts

@@ -3,3 +3,5 @@ declare module '@zxing/browser'
 declare module 'vue-signature-pad'
 declare module 'accounting'
 declare module 'pdf-vue3'
+declare module "prettier"
+declare module "prettier/plugins/html"

package/dist/runtime/utils/datetime.mjs

@@ -2,13 +2,10 @@ import { DateTime } from "luxon";
 export const Datetime = () => ({
   luxonDateTime: DateTime.invalid("Uninitialized"),
   fromString: function(dateTime, formatDate, locale = "EN") {
-    if (!dateTime)
-      return this.setDateTime(DateTime.invalid("No datetime string provided"), locale);
+    if (!dateTime) return this.setDateTime(DateTime.invalid("No datetime string provided"), locale);
     let inputDate = void 0;
-    if (formatDate)
-      inputDate = DateTime.fromFormat(dateTime, formatDate, { locale });
-    if (!inputDate?.isValid)
-      inputDate = DateTime.fromISO(dateTime, { locale });
+    if (formatDate) inputDate = DateTime.fromFormat(dateTime, formatDate, { locale });
+    if (!inputDate?.isValid) inputDate = DateTime.fromISO(dateTime, { locale });
     if (!inputDate?.isValid) {
       const formats = [
         "ddMMyyyy",
@@ -26,18 +23,15 @@ export const Datetime = () => ({
       ];
       for (let i = 0; i < formats.length; ++i) {
         inputDate = DateTime.fromFormat(dateTime, formats[i], { locale });
-        if (inputDate.isValid)
-          break;
+        if (inputDate.isValid) break;
       }
     }
     return this.setDateTime(inputDate, locale);
   },
   fromStringTime: function(time, formatTime, locale = "EN") {
-    if (!time)
-      return this.setDateTime(DateTime.invalid("No datetime string provided"), locale);
+    if (!time) return this.setDateTime(DateTime.invalid("No datetime string provided"), locale);
     let inputTime = void 0;
-    if (formatTime)
-      inputTime = DateTime.fromFormat(time, formatTime, { locale });
+    if (formatTime) inputTime = DateTime.fromFormat(time, formatTime, { locale });
     if (!inputTime?.isValid) {
       const formats = [
         "HHmm",
@@ -49,12 +43,10 @@ export const Datetime = () => ({
       ];
       for (let i = 0; i < formats.length; ++i) {
         inputTime = DateTime.fromFormat(time, formats[i], { locale });
-        if (inputTime.isValid)
-          break;
+        if (inputTime.isValid) break;
       }
     }
-    if (!inputTime?.isValid)
-      inputTime = DateTime.fromISO(time, { locale });
+    if (!inputTime?.isValid) inputTime = DateTime.fromISO(time, { locale });
     return this.setDateTime(inputTime, locale);
   },
   fromISO: function(dateTime, locale = "EN") {
@@ -67,45 +59,31 @@ export const Datetime = () => ({
   },
   setDateTime: function(inputDate, locale = "EN") {
     if (inputDate.isValid) {
-      if (inputDate.year - DateTime.now().year > 300)
-        inputDate = inputDate.set({ year: inputDate.year - 543 });
+      if (inputDate.year - DateTime.now().year > 300) inputDate = inputDate.set({ year: inputDate.year - 543 });
     }
     this.luxonDateTime = inputDate;
-    if (locale == "TH")
-      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
-    else
-      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
+    if (locale == "TH") this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
+    else this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
     return this;
   },
   toFormat: function(format, locale = "EN") {
-    if (format == "tinyDate")
-      return this.toTinyDate(locale);
-    if (format == "monthShortDate")
-      return this.toMonthShortDate(locale);
-    if (format == "shortDate")
-      return this.toShortDate(locale);
-    if (format == "longDate")
-      return this.toLongDate(locale);
-    if (format == "tinyDateTime")
-      return this.toTinyDateTime(locale);
-    if (format == "shortDateTime")
-      return this.toShortDateTime(locale);
-    if (format == "longDateTime")
-      return this.toLongDateTime(locale);
-    if (locale == "TH")
-      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
-    else
-      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
+    if (format == "tinyDate") return this.toTinyDate(locale);
+    if (format == "monthShortDate") return this.toMonthShortDate(locale);
+    if (format == "shortDate") return this.toShortDate(locale);
+    if (format == "longDate") return this.toLongDate(locale);
+    if (format == "tinyDateTime") return this.toTinyDateTime(locale);
+    if (format == "shortDateTime") return this.toShortDateTime(locale);
+    if (format == "longDateTime") return this.toLongDateTime(locale);
+    if (locale == "TH") this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
+    else this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
     return this.luxonDateTime.toFormat(format);
   },
   toISO: function() {
     return this.luxonDateTime.toISO();
   },
   toLocaleFormat: function(locale, format) {
-    if (locale == "TH")
-      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
-    else
-      this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
+    if (locale == "TH") this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "buddhist" });
+    else this.luxonDateTime = this.luxonDateTime.setLocale(locale).reconfigure({ outputCalendar: "gregory" });
     return this.luxonDateTime.setLocale(locale).toLocaleString(format);
   },
   toTinyDate: function(locale = "EN") {

package/dist/runtime/utils/object.mjs

@@ -11,8 +11,7 @@ export function classAttributes(cls) {
 export function onlyAttributes(keys, object) {
   const returnObject = cloneDeep(object);
   Object.keys(object).forEach((localKey) => {
-    if (!keys.includes(localKey))
-      delete returnObject[localKey];
+    if (!keys.includes(localKey)) delete returnObject[localKey];
   });
   return returnObject;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramathibodi/nuxt-commons",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",
@@ -56,7 +56,7 @@
     "@zxing/browser": "^0.1.4",
     "cropperjs": "^1.6.2",
     "currency.js": "^2.0.4",
-    "fuse.js": "^6.6.2",
+    "fuse.js": "^7.0.0",
     "gql-query-builder": "^3.8.0",
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",