nuxt-glorious 1.1.7 → 1.1.9-2

package/dist/module.d.mts

@@ -2,6 +2,6 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { type ModuleOptions, _default as default };

package/dist/module.d.ts

@@ -2,6 +2,6 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { type ModuleOptions, _default as default };

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "glorious",
   "configKey": "glorious",
-  "version": "1.1.7"
+  "version": "1.1.9-2"
 }

package/dist/module.mjs

@@ -55,10 +55,7 @@ const module = defineNuxtModule({
         }
       }
     });
-    await installModule("@pinia/nuxt", {
-      exposeConfig: true,
-      autoImports: ["defineStore", ["defineStore", "definePiniaStore"]]
-    });
+    await installModule("@pinia/nuxt");
     addImportsDir(resolver.resolve("runtime/composables"));
     addImportsDir(resolver.resolve("runtime/utils"));
     addImportsDir(resolver.resolve("runtime/stores"));

package/dist/runtime/assets/icons/glorious-users-group.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="6" r="4" stroke="#282828" stroke-width="1.5"/>
+<path d="M18 9C19.6569 9 21 7.88071 21 6.5C21 5.11929 19.6569 4 18 4" stroke="#282828" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M6 9C4.34315 9 3 7.88071 3 6.5C3 5.11929 4.34315 4 6 4" stroke="#282828" stroke-width="1.5" stroke-linecap="round"/>
+<ellipse cx="12" cy="17" rx="6" ry="4" stroke="#282828" stroke-width="1.5"/>
+<path d="M20 19C21.7542 18.6153 23 17.6411 23 16.5C23 15.3589 21.7542 14.3847 20 14" stroke="#282828" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M4 19C2.24575 18.6153 1 17.6411 1 16.5C1 15.3589 2.24575 14.3847 4 14" stroke="#282828" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/dist/runtime/assets/style/components/buttons.css

@@ -1,3 +1,7 @@
+button:focus-visible {
+  outline: none;
+}
+
 .xl.glorious-button-orange, .xl.glorious-button-blue, .xl.glorious-button-gray, .xl.glorious-button-red, .xl.glorious-button-primary {
   @apply py-2.5;
 }
@@ -44,7 +48,7 @@
   @apply text-gray-500 hover:bg-green-100;
 }
 .glorious-button-primary:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-primary:disabled:not(:disabled) {
   @apply bg-green-300;
@@ -57,7 +61,7 @@
   @apply text-gray-500 hover:bg-red-100;
 }
 .glorious-button-red:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-red:disabled:not(:disabled) {
   @apply bg-red-300;
@@ -70,7 +74,7 @@
   @apply text-gray-500 hover:bg-gray-100;
 }
 .glorious-button-gray:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-gray:disabled:not(:disabled) {
   @apply bg-gray-300;
@@ -83,7 +87,7 @@
   @apply text-gray-500 hover:bg-blue-100;
 }
 .glorious-button-blue:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-blue:disabled:not(:disabled) {
   @apply bg-blue-300;
@@ -96,7 +100,7 @@
   @apply text-gray-500 hover:bg-orange-100;
 }
 .glorious-button-orange:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-orange:disabled:not(:disabled) {
   @apply bg-orange-300;

package/dist/runtime/assets/style/components/modal.css

@@ -1,33 +1,41 @@
-.bg-blur-modal {
-  @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
-}
-
-.glorious-modal {
+.g-scafold-modal {
   @apply fixed bg-white md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
 }
-.glorious-modal.size-full {
+.g-scafold-modal-header {
+  @apply flex justify-between items-center;
+}
+.g-scafold-modal-footer {
+  @apply flex justify-center gap-3;
+}
+.g-scafold-modal-footer > button {
+  @apply min-w-24;
+}
+.g-scafold-modal-bg-blur {
+  @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
+}
+.g-scafold-modal.size-full {
   @apply w-full h-full top-0 rounded-none;
 }
-.glorious-modal.size-xl {
+.g-scafold-modal.size-xl {
   @apply md:w-[70%] w-full md:h-max max-h-[70%];
 }
-.glorious-modal.size-lg {
+.g-scafold-modal.size-lg {
   @apply md:w-[60%] w-full md:h-max max-h-[70%];
 }
-.glorious-modal.size-md {
+.g-scafold-modal.size-md {
   @apply md:w-[50%] w-full md:h-max max-h-[70%];
 }
-.glorious-modal.size-sm {
+.g-scafold-modal.size-sm {
   @apply lg:w-[25%] md:w-[35%] w-full md:h-max max-h-[70%];
 }
-.glorious-modal.close {
+.g-scafold-modal.close {
   @apply hidden;
 }
-.glorious-modal.open {
+.g-scafold-modal.open {
   animation: animation-mobile 0.3s normal forwards;
 }
 @screen md {
-  .glorious-modal.open {
+  .g-scafold-modal.open {
     animation: animation-opacity 0.2s normal forwards;
   }
 }
@@ -40,7 +48,10 @@
   }
 }
 @keyframes animation-mobile {
+  from {
+    transform: translateY(100%);
+  }
   to {
-    bottom: 0;
+    transform: translateY(0);
   }
 }

package/dist/runtime/components/G/Button.vue

@@ -36,6 +36,13 @@ const props = defineProps({
     type: String,
   },
 });
+
+const emits = defineEmits(["click"]);
+const click = () => {
+  if (props.loading) return;
+
+  emits("click");
+};
 </script>
 
 <template>
@@ -48,6 +55,7 @@ const props = defineProps({
       props.outline ? 'outline' : '',
     ]"
     :disabled="props.disabled"
+    @click="click"
   >
     <div v-if="props.loading" class="loading">
       <GLoading />
@@ -64,14 +72,15 @@ const props = defineProps({
     ]"
     :disabled="props.disabled"
   >
-    <div v-if="props.loading" class="loading">
-      <GLoading />
-    </div>
-    <slot v-else />
+    <slot />
   </NuxtLink>
 </template>
 
 <style>
+button:focus-visible {
+  outline: none;
+}
+
 .xl.glorious-button-orange, .xl.glorious-button-blue, .xl.glorious-button-gray, .xl.glorious-button-red, .xl.glorious-button-primary {
   @apply py-2.5;
 }
@@ -118,7 +127,7 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-green-100;
 }
 .glorious-button-primary:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-primary:disabled:not(:disabled) {
   @apply bg-green-300;
@@ -131,7 +140,7 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-red-100;
 }
 .glorious-button-red:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-red:disabled:not(:disabled) {
   @apply bg-red-300;
@@ -144,7 +153,7 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-gray-100;
 }
 .glorious-button-gray:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-gray:disabled:not(:disabled) {
   @apply bg-gray-300;
@@ -157,7 +166,7 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-blue-100;
 }
 .glorious-button-blue:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-blue:disabled:not(:disabled) {
   @apply bg-blue-300;
@@ -170,7 +179,7 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-orange-100;
 }
 .glorious-button-orange:disabled {
-  @apply cursor-not-allowed;
+  @apply cursor-not-allowed opacity-50;
 }
 .glorious-button-orange:disabled:not(:disabled) {
   @apply bg-orange-300;

package/dist/runtime/components/G/File.vue

@@ -2,7 +2,7 @@
 const props = defineProps({
   modelValue: {
     required: true,
-    type: [String, Object],
+    type: null,
   },
   color: {
     required: false,

package/dist/runtime/components/G/Icon/index.vue

@@ -19,8 +19,8 @@ const props = defineProps({
   },
   stroke: {
     required: false,
-    type: Number,
-    default: 1,
+    type: [Number, null],
+    default: null,
   },
 });
 
@@ -81,16 +81,17 @@ const methods = {
       .join(" ");
 
     //stroke
-    icon = icon.replaceAll("\n", " ");
-
-    icon = icon
-      .split(" ")
-      .map((item: any) =>
-        item.includes("stroke-width") && typeof props.stroke !== "undefined"
-          ? 'stroke-width="' + props.stroke + '"'
-          : item
-      )
-      .join(" ");
+    if (props.stroke !== null) {
+      icon = icon.replaceAll("\n", " ");
+      icon = icon
+        .split(" ")
+        .map((item: any) =>
+          item.includes("stroke-width") && typeof props.stroke !== "undefined"
+            ? 'stroke-width="' + props.stroke + '"'
+            : item
+        )
+        .join(" ");
+    }
 
     return icon;
   },

package/dist/runtime/components/G/Loading.vue

@@ -31,5 +31,5 @@ const props = defineProps({
 </template>
 
 <style>
-.loader{animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite;aspect-ratio:1;border-radius:50%}@keyframes l20-1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}
+.loader{animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite;aspect-ratio:1;border-radius:50%}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}
 </style>

package/dist/runtime/components/G/Modal.vue

@@ -1,11 +1,10 @@
 <script lang="ts" setup>
-import modal from "../../utils/modal";
-
+import { onMounted, useId, watch } from "#imports";
 const props = defineProps({
-  id: {
-    required: false,
-    default: "modal",
-    type: String,
+  modelValue: {
+    required: true,
+    default: false,
+    type: Boolean,
   },
   size: {
     required: false,
@@ -17,64 +16,145 @@ const props = defineProps({
     default: "",
     type: String,
   },
+  okBtn: {
+    required: false,
+    default: "",
+    type: String,
+  },
+  okBtnLoading: {
+    required: false,
+    default: false,
+    type: Boolean,
+  },
+  closeBtn: {
+    required: false,
+    default: "",
+    type: String,
+  },
+  rtl: {
+    required: false,
+    default: "rtl",
+    type: String as () => "rtl" | "ltr",
+  },
+  blur: {
+    required: false,
+    default: true,
+    type: Boolean,
+  },
+  blurClose: {
+    required: false,
+    default: true,
+    type: Boolean,
+  },
 });
+
+const emits = defineEmits(["ok", "close", "update:modelValue"]);
+
+const addBlurBackground = (): void => {
+  const backgroundBlur = document.createElement("div");
+  backgroundBlur.classList.add("g-scafold-modal-bg-blur");
+  const nuxt: any = document.getElementById("__nuxt");
+  nuxt.appendChild(backgroundBlur);
+  backgroundBlur.addEventListener("click", () => {
+    if (props.blurClose) {
+      emits("update:modelValue", false);
+      backgroundBlur.remove();
+    }
+  });
+};
+
+watch(
+  () => props.modelValue,
+  () => {
+    if (props.modelValue && props.blur) {
+      addBlurBackground();
+    } else {
+      const blur: any = document.querySelector(".g-scafold-modal-bg-blur");
+      if (blur !== null) blur.remove();
+    }
+  }
+);
 </script>
 
 <template>
   <div
-    :id="props.id"
-    :class="[`size-${props.size}`]"
-    class="glorious-modal close"
+    class="g-scafold-modal"
+    :class="[props.modelValue ? 'open' : 'close', `size-${props.size}`]"
   >
-    <!-- start title -->
-    <div v-if="props?.title !== ''" class="flex justify-between items-center">
+    <!-- header -->
+    <div v-show="props?.title !== ''" class="g-scafold-modal-header">
       <span class="font-medium">{{ props.title }}</span>
       <GButton
         class="flex justify-center items-center w-6 h-6"
         size="sm"
-        @click="modal(`${props.id}`)"
+        color="red"
+        @click="emits('update:modelValue', false)"
       >
         <GIcon name="glorious-x" color="#fff" :size="10" />
       </GButton>
     </div>
-    <hr v-if="props.title !== ''" class="my-3" />
-    <!-- end title -->
+    <hr v-show="props.title !== ''" class="my-3" />
+    <!-- end hader -->
+
+    <div class="g-scafold-modal-header">
+      <slot />
+    </div>
 
-    <slot />
+    <!-- start footer -->
+    <div v-show="props.okBtn !== ''" class="g-scafold-modal-footer">
+      <GButton :loading="props.okBtnLoading" @click="emits('ok')">
+        {{ props.okBtn }}
+      </GButton>
+      <GButton
+        v-show="props.closeBtn !== ''"
+        @click="emits('update:modelValue', false)"
+      >
+        {{ props.closeBtn }}Z
+      </GButton>
+    </div>
+    <!-- end footer -->
   </div>
 </template>
 
 <style>
-.bg-blur-modal {
-  @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
-}
-
-.glorious-modal {
+.g-scafold-modal {
   @apply fixed bg-white md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
 }
-.glorious-modal.size-full {
+.g-scafold-modal-header {
+  @apply flex justify-between items-center;
+}
+.g-scafold-modal-footer {
+  @apply flex justify-center gap-3;
+}
+.g-scafold-modal-footer > button {
+  @apply min-w-24;
+}
+.g-scafold-modal-bg-blur {
+  @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
+}
+.g-scafold-modal.size-full {
   @apply w-full h-full top-0 rounded-none;
 }
-.glorious-modal.size-xl {
+.g-scafold-modal.size-xl {
   @apply md:w-[70%] w-full md:h-max max-h-[70%];
 }
-.glorious-modal.size-lg {
+.g-scafold-modal.size-lg {
   @apply md:w-[60%] w-full md:h-max max-h-[70%];
 }
-.glorious-modal.size-md {
+.g-scafold-modal.size-md {
   @apply md:w-[50%] w-full md:h-max max-h-[70%];
 }
-.glorious-modal.size-sm {
+.g-scafold-modal.size-sm {
   @apply lg:w-[25%] md:w-[35%] w-full md:h-max max-h-[70%];
 }
-.glorious-modal.close {
+.g-scafold-modal.close {
   @apply hidden;
 }
-.glorious-modal.open {
+.g-scafold-modal.open {
   animation: animation-mobile 0.3s normal forwards;
 }
 @screen md {
-  .glorious-modal.open {
+  .g-scafold-modal.open {
     animation: animation-opacity 0.2s normal forwards;
   }
 }
@@ -87,8 +167,11 @@ const props = defineProps({
   }
 }
 @keyframes animation-mobile {
+  from {
+    transform: translateY(100%);
+  }
   to {
-    bottom: 0;
+    transform: translateY(0);
   }
 }
 </style>

package/dist/runtime/components/G/Wizard.vue

@@ -17,7 +17,7 @@ const props = defineProps({
   },
   bgColor: {
     required: false,
-    default: "0000ff",
+    default: "#0000ff",
     type: String,
   },
 });
@@ -28,8 +28,8 @@ const methods = {
     Array.from(circularProgress).forEach((progressBar: any) => {
       const progressValue: any = progressBar.querySelector(".percentage");
       const innerCircle: any = progressBar.querySelector(".inner-circle");
-      console.log(props.step);
       const eachStep = (1 / props.items.length) * 100;
+
       let startValue =
         Number(progressBar.getAttribute("data-percentage")) - eachStep < 0
           ? 0
@@ -40,7 +40,7 @@ const methods = {
             ? 0
             : Number(progressBar.getAttribute("data-percentage")) + eachStep,
         progressColor = progressBar.getAttribute("data-progress-color");
-      console.log(startValue, endValue);
+
       const progress = setInterval(() => {
         progressValue.textContent = props.step + 1;
 
@@ -51,24 +51,21 @@ const methods = {
         progressBar.style.background = `conic-gradient(${progressColor} ${
           startValue * 3.6
         }deg,${progressBar.getAttribute("data-bg-color")} 0deg)`;
-        if (startValue === endValue) {
+
+        if (Math.floor(startValue) == Math.floor(endValue))
           clearInterval(progress);
-        }
+
         startValue++;
       }, 10);
     });
   },
 };
 
-onMounted(() => {
-  methods.computeWizardMobile();
-});
+onMounted(() => methods.computeWizardMobile());
 
 watch(
   () => props.step,
-  () => {
-    methods.computeWizardMobile();
-  }
+  () => methods.computeWizardMobile()
 );
 </script>
 
@@ -76,9 +73,12 @@ watch(
   <div class="glorious-wizard">
     <div class="glorious-wizard-desktop">
       <div v-for="(item, index) in props.items" :key="index">
-        <div class="circle" :class="index < props.step ? 'checked' : ''">
+        <div
+          class="circle"
+          :class="parseInt(index) < props.step ? 'checked' : ''"
+        >
           <GIcon
-            v-if="index < props.step"
+            v-if="parseInt(index) < props.step"
             name="glorious-check-fill"
             color="#ffffff"
           />

package/dist/runtime/components/G/textarea.vue

@@ -41,6 +41,11 @@ const props = defineProps({
     default: "off",
     type: String,
   },
+  rows: {
+    require: false,
+    default: 3,
+    type: Number,
+  },
 });
 
 const inputValue: any = ref(null);
@@ -66,6 +71,7 @@ watch(
         :class="[props.size, `glorious-textarea-${props.color}`]"
         :placeholder="props.placeholder"
         :disabled="props.disabled"
+        :rows="props.rows"
       />
     </div>
     <GErrorText :error="props.error" />

package/dist/runtime/composables/useGloriousAppSetting.mjs

@@ -11,8 +11,7 @@ export const useGloriousAppSetting = {
     if (typeof appSetting.value === "undefined") {
       appSetting.value = defaultSetting;
       result = defaultSetting;
-    } else
-      result = defu(appSetting.value, defaultSetting);
+    } else result = defu(appSetting.value, defaultSetting);
     return result;
   },
   setSetting: (key, value) => {

package/dist/runtime/composables/useGloriousCore.mjs

@@ -2,8 +2,7 @@ export const useGloriousCore = {
   numbersWithSeperateSamePrice: (value) => {
     let nStr = value.match(/\d+/g)?.join("") + "";
     nStr = nStr.replace(/\,/g, "");
-    if (nStr === "undefined")
-      nStr = "";
+    if (nStr === "undefined") nStr = "";
     const x = nStr.split(".");
     let x1 = x[0];
     const x2 = x.length > 1 ? "." + x[1] : "";

package/dist/runtime/composables/useGloriousFetch.mjs

@@ -11,7 +11,6 @@ const defaultOptions = {
     Accept: "application/json"
   },
   bodyType: "normal",
-  body: {},
   credentials: "same-origin"
 };
 export default function(url, options = defaultOptions) {
@@ -21,10 +20,7 @@ export default function(url, options = defaultOptions) {
   const gKey = computeGKey(options.gKey, url);
   options.params = computeParams(options.params);
   options.headers = { ...options.headers, ...computeAuth() };
-  if (options.bodyType === "formData")
-    options.body = computeFormData(options);
-  if (options.bodyType === "normal" && Object.entries(options.body).length === 0)
-    delete options.body;
+  if (options.bodyType === "formData") options.body = computeFormData(options);
   const opt = {
     ...options,
     onRequest() {
@@ -55,8 +51,7 @@ export default function(url, options = defaultOptions) {
           } catch (e) {
           }
         }
-        if (res.status === 401 && process.client)
-          gs.authLogout();
+        if (res.status === 401 && process.client) gs.authLogout();
       }
     }
   };
@@ -65,14 +60,12 @@ export default function(url, options = defaultOptions) {
     return $fetch(url, opt);
   } else if (opt.method === "GET" && typeof opt.body === "undefined" && !opt.is$)
     return useFetch(url, opt);
-  else
-    return $fetch(url, opt);
+  else return $fetch(url, opt);
 }
 function computeParams(params) {
   const computeParams2 = {};
   Object.entries(params).map((item) => {
-    if (item[1] !== null && item[1] !== "")
-      computeParams2[item[0]] = item[1];
+    if (item[1] !== null && item[1] !== "") computeParams2[item[0]] = item[1];
   });
   return computeParams2;
 }
@@ -91,8 +84,7 @@ function computeFormData(options) {
   const form = new FormData();
   Object.entries(options.body).forEach((item) => {
     console.log(item[1]);
-    if (item[1] === null)
-      return;
+    if (item[1] === null) return;
     if (typeof item[1] === "object" && typeof item[1].lastModifiedDate === "undefined" && (typeof item[1].type === "undefined" && typeof item[1].size === "undefined"))
       Object.entries(item[1]).forEach((nestedItem, index) => {
         form.append(`${item[0]}[${index}]`, nestedItem[1]);

package/dist/runtime/composables/useGloriousHead.mjs

@@ -19,8 +19,7 @@ export default function(object = head) {
     ogDescription: () => `${description}`,
     ogType: () => type
   };
-  if (image !== "")
-    seoObject["image"] = image;
+  if (image !== "") seoObject["image"] = image;
   if (title === "") {
     seoObject["title"] = moduleConfig.public.glorious.seo.title;
     seoObject["ogTitle"] = moduleConfig.public.glorious.seo.title;

package/dist/runtime/middlewares/AuthStrategy.mjs

@@ -8,10 +8,8 @@ export default defineNuxtRouteMiddleware(() => {
   const nuxtApp = useNuxtApp();
   const moduleConfig = nuxtApp.$config.public.glorious;
   const gs = GloriousStore();
-  if (moduleConfig.auth.strategy.provider === "")
-    return;
+  if (moduleConfig.auth.strategy.provider === "") return;
   const cookieToken = useCookie(moduleConfig.auth.cookie.name);
-  if (typeof cookieToken.value === "undefined")
-    return;
+  if (typeof cookieToken.value === "undefined") return;
   nuxtApp.hook("app:beforeMount", () => gs.authGetUser(cookieToken.value));
 });

package/dist/runtime/stores/GloriousStore.d.ts

@@ -2,6 +2,7 @@ export declare const GloriousStore: import("pinia").StoreDefinition<"GloriousSto
     authIsLogin(): boolean;
 }, {
     formCreate(key: string | Array<string>): void;
+    modalCreate(key: string | Array<string>): void;
     authLogout(): void;
     authSetToken(token: string, to?: string | null): void;
     authParseToken(token: any): any;

package/dist/runtime/stores/GloriousStore.mjs

@@ -8,7 +8,8 @@ export const GloriousStore = defineStore("GloriousStore", {
     },
     loading: {},
     keepData: {},
-    forms: {}
+    forms: {},
+    modals: {}
   }),
   getters: {
     authIsLogin() {
@@ -33,6 +34,19 @@ export const GloriousStore = defineStore("GloriousStore", {
           };
         });
     },
+    modalCreate(key) {
+      this.modals = {};
+      const defaultValue = {
+        show: false,
+        keepData: {}
+      };
+      if (typeof key === "string")
+        this.modals[key] = defaultValue;
+      else
+        key.map((item) => {
+          this.modals[item] = defaultValue;
+        });
+    },
     authLogout() {
       const moduleConfig = useRuntimeConfig();
       const token = useCookie(moduleConfig.public.glorious.auth.cookie.name);
@@ -49,8 +63,7 @@ export const GloriousStore = defineStore("GloriousStore", {
       });
       cookie.value = token;
       this.authGetUser(token);
-      if (to)
-        navigateTo(to);
+      if (to) navigateTo(to);
     },
     authParseToken(token) {
       const base64Url = token.split(".")[1];
@@ -77,10 +90,8 @@ export const GloriousStore = defineStore("GloriousStore", {
         }
       ).then((data) => {
         const pick = moduleConfig.public.glorious.auth.strategy.endpoints.userInfo.pick;
-        if (pick !== "")
-          this.auth.user = data.data.value[pick];
-        else
-          this.auth.user = data.data.value;
+        if (pick !== "") this.auth.user = data.data.value[pick];
+        else this.auth.user = data.data.value;
         this.auth.loaded = true;
       });
     }

package/package.json

@@ -1,6 +1,5 @@
 {
-  "version": "1.1.7",
-  "type": "module",
+  "version": "1.1.9-2",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",
@@ -45,7 +44,7 @@
     "@types/node": "^20.11.29",
     "changelogen": "^0.5.5",
     "eslint": "^8.57.0",
-    "nuxt": "^3.11.1",
+    "nuxt": "^3.13.2",
     "vitest": "^1.4.0"
   },
   "overrides": {

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

@@ -1 +0,0 @@
-export default function modal(key?: string, keepData?: {}): void;

package/dist/runtime/utils/modal.mjs

@@ -1,26 +0,0 @@
-import { GloriousStore } from "#imports";
-export default function modal(key = "modal", keepData = {}) {
-  const addBlurBackground = (key2) => {
-    const backgroundBlur = document.createElement("div");
-    backgroundBlur.classList.add("bg-blur-modal");
-    const nuxt = document.getElementById("__nuxt");
-    nuxt.appendChild(backgroundBlur);
-    backgroundBlur.addEventListener("click", () => {
-      const componentId = document.getElementById(key2);
-      componentId.classList.replace("open", "close");
-      backgroundBlur.remove();
-    });
-  };
-  const modal2 = document.getElementById(key);
-  const gloriousStore = GloriousStore();
-  gloriousStore.keepData = keepData;
-  if (modal2?.classList.contains("close")) {
-    modal2?.classList.replace("close", "open");
-    modal2.style.bottom = `-${modal2.offsetHeight}px`;
-    addBlurBackground(key);
-  } else {
-    modal2?.classList.add("close");
-    const bgBlur = document.querySelector(".bg-blur-modal");
-    bgBlur?.remove();
-  }
-}