tantee-nuxt-commons 0.0.175 → 0.0.176

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.0.175",
+  "version": "0.0.176",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -53,6 +53,7 @@ const module = defineNuxtModule({
     _nuxt.options.vite.optimizeDeps.include.push("print-js");
     _nuxt.options.vite.optimizeDeps.include.push("gql-query-builder");
     _nuxt.options.vite.optimizeDeps.include.push("exif-rotate-js");
+    _nuxt.options.vite.optimizeDeps.include.push("localstorage-slim");
   }
 });
 

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

@@ -203,7 +203,8 @@ defineExpose({
   reset: ()=>inputRef.value?.reset(),
   resetValidation : ()=>inputRef.value?.resetValidation(),
   validate : ()=>inputRef.value?.validate(),
-  operation
+  operation,
+  items
 })
 </script>
 

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

@@ -135,7 +135,7 @@ watch(()=>props.search,()=>{
   search.value = props.search
 },{immediate:true})
 
-defineExpose({ reload,operation })
+defineExpose({ reload,operation,items })
 </script>
 
 <template>

package/dist/runtime/composables/graphqlModel.js

@@ -4,6 +4,7 @@ import { useAlert } from "./alert.js";
 import { buildRequiredInputFields } from "./graphqlOperation.js";
 import { useGraphqlModelOperation } from "./graphqlModelOperation.js";
 import pLimit from "p-limit";
+import { arrayWrap } from "../utils/array.js";
 export function useGraphqlModel(props) {
   const alert = useAlert();
   const items = ref([]);
@@ -130,6 +131,8 @@ export function useGraphqlModel(props) {
         items.value = result.data;
         itemsLength.value = result.meta.totalItems;
       }).catch((error) => {
+        items.value = [];
+        itemsLength.value = 0;
         alert?.addAlert({ alertType: "error", message: error });
       }).finally(() => {
         isLoading.value = false;
@@ -142,8 +145,9 @@ export function useGraphqlModel(props) {
     } else {
       isLoading.value = true;
       operationRead.value?.call(fields.value, props.modelBy).then((result) => {
-        items.value = result;
+        items.value = arrayWrap(result);
       }).catch((error) => {
+        items.value = [];
         alert?.addAlert({ alertType: "error", message: error });
       }).finally(() => {
         isLoading.value = false;

package/dist/runtime/utils/array.d.ts

@@ -0,0 +1 @@
+export declare function arrayWrap<T>(value: T | T[] | null | undefined): T[];

package/dist/runtime/utils/array.js

@@ -0,0 +1,4 @@
+export function arrayWrap(value) {
+  if (value === null || value === void 0) return [];
+  return Array.isArray(value) ? value : [value];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tantee-nuxt-commons",
-  "version": "0.0.175",
+  "version": "0.0.176",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",