nuxt-glorious 1.0.0 → 1.1.2

package/README.md

@@ -4,11 +4,14 @@ glorious is module for nuxt 3 for fast make project
 
 ## Features
 
+- Free and [open source](https://github.com/sajadhzj/nuxt-glorious).
+- Ready components.
+- Advanced data fetching
+- handle seo
 - authenticates
-- amazing fetch
-- components
-- seo
-
+- error handling
+- handel loading
+[📖  Read more](https://nuxt-glorious.unibas.ir/)
 ## Quick Setup
 
 Install the module to your Nuxt application with one command:

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "glorious",
   "configKey": "glorious",
-  "version": "1.0.0"
+  "version": "1.1.2"
 }

package/dist/module.mjs

@@ -56,9 +56,11 @@ const module = defineNuxtModule({
       }
     });
     await installModule("@pinia/nuxt", {
+      exposeConfig: true,
       autoImports: ["defineStore", ["defineStore", "definePiniaStore"]]
     });
     addImportsDir(resolver.resolve("runtime/composables"));
+    addImportsDir(resolver.resolve("runtime/utils"));
     addImportsDir(resolver.resolve("runtime/stores"));
     addImportsDir(resolver.resolve("runtime/middlewares"));
     addComponentsDir({
@@ -71,10 +73,6 @@ const module = defineNuxtModule({
         dir: resolver.resolve("./runtime/assets")
       });
     });
-    addPlugin({
-      src: resolver.resolve("./runtime/plugins/shortcut-key"),
-      mode: "client"
-    });
     addPlugin(resolver.resolve("./runtime/plugins/Modal"));
     addPlugin(resolver.resolve("./runtime/plugins/glorious-app-setting"));
     addPlugin(resolver.resolve("./runtime/plugins/Drawer"));

package/dist/runtime/assets/icons/glorious-eye-fill.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_138_29818)">
+<path d="M1.18091 12C2.12091 6.88 6.60791 3 11.9999 3C17.3919 3 21.8779 6.88 22.8189 12C21.8789 17.12 17.3919 21 11.9999 21C6.60791 21 2.12191 17.12 1.18091 12ZM11.9999 17C13.326 17 14.5978 16.4732 15.5354 15.5355C16.4731 14.5979 16.9999 13.3261 16.9999 12C16.9999 10.6739 16.4731 9.40215 15.5354 8.46447C14.5978 7.52678 13.326 7 11.9999 7C10.6738 7 9.40206 7.52678 8.46437 8.46447C7.52669 9.40215 6.99991 10.6739 6.99991 12C6.99991 13.3261 7.52669 14.5979 8.46437 15.5355C9.40206 16.4732 10.6738 17 11.9999 17ZM11.9999 15C11.2043 15 10.4412 14.6839 9.87859 14.1213C9.31598 13.5587 8.99991 12.7956 8.99991 12C8.99991 11.2044 9.31598 10.4413 9.87859 9.87868C10.4412 9.31607 11.2043 9 11.9999 9C12.7956 9 13.5586 9.31607 14.1212 9.87868C14.6838 10.4413 14.9999 11.2044 14.9999 12C14.9999 12.7956 14.6838 13.5587 14.1212 14.1213C13.5586 14.6839 12.7956 15 11.9999 15Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_138_29818">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/runtime/assets/icons/glorious-eye-off-fill.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_138_29807)">
+<path d="M4.51991 5.93407L1.39291 2.80807L2.80791 1.39307L22.6069 21.1931L21.1919 22.6071L17.8819 19.2971C16.1231 20.4126 14.0826 21.0034 11.9999 21.0001C6.60791 21.0001 2.12191 17.1201 1.18091 12.0001C1.61094 9.67078 2.78254 7.54296 4.52091 5.93407H4.51991ZM14.7569 16.1721L13.2929 14.7081C12.733 14.976 12.1037 15.0636 11.4918 14.9589C10.88 14.8541 10.3157 14.5621 9.87678 14.1232C9.43785 13.6843 9.14588 13.12 9.04112 12.5081C8.93637 11.8963 9.02399 11.267 9.29191 10.7071L7.82791 9.24307C7.19162 10.2046 6.90718 11.3564 7.02274 12.5036C7.1383 13.6507 7.64676 14.7227 8.46203 15.5379C9.27729 16.3532 10.3493 16.8617 11.4964 16.9772C12.6436 17.0928 13.7954 16.8084 14.7569 16.1721ZM7.97391 3.76007C9.22091 3.27007 10.5799 3.00007 11.9999 3.00007C17.3919 3.00007 21.8779 6.88007 22.8189 12.0001C22.5125 13.6658 21.8238 15.2376 20.8069 16.5921L16.9469 12.7321C17.0616 11.9597 16.9937 11.1712 16.7488 10.4297C16.5039 9.68827 16.0888 9.01448 15.5366 8.46233C14.9845 7.91019 14.3107 7.49504 13.5693 7.25014C12.8278 7.00524 12.0393 6.93741 11.2669 7.05207L7.97391 3.76107V3.76007Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_138_29807">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

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

@@ -44,7 +44,10 @@
   @apply text-gray-500 hover:bg-green-100;
 }
 .glorious-button-primary:disabled {
-  @apply bg-green-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-primary:disabled:not(:disabled) {
+  @apply bg-green-300;
 }
 
 .glorious-button-red {
@@ -54,7 +57,10 @@
   @apply text-gray-500 hover:bg-red-100;
 }
 .glorious-button-red:disabled {
-  @apply bg-red-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-red:disabled:not(:disabled) {
+  @apply bg-red-300;
 }
 
 .glorious-button-gray {
@@ -64,7 +70,10 @@
   @apply text-gray-500 hover:bg-gray-100;
 }
 .glorious-button-gray:disabled {
-  @apply bg-gray-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-gray:disabled:not(:disabled) {
+  @apply bg-gray-300;
 }
 
 .glorious-button-blue {
@@ -74,7 +83,10 @@
   @apply text-gray-500 hover:bg-blue-100;
 }
 .glorious-button-blue:disabled {
-  @apply bg-blue-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-blue:disabled:not(:disabled) {
+  @apply bg-blue-300;
 }
 
 .glorious-button-orange {
@@ -84,5 +96,8 @@
   @apply text-gray-500 hover:bg-orange-100;
 }
 .glorious-button-orange:disabled {
-  @apply bg-orange-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-orange:disabled:not(:disabled) {
+  @apply bg-orange-300;
 }

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

@@ -19,35 +19,35 @@
 }
 
 .glorious-input-primary {
-  @apply rounded-md ring-1 ring-green-500 px-3;
+  @apply rounded-md ring-1 ring-green-500;
 }
 .glorious-input-primary:disabled {
   @apply bg-green-300 cursor-not-allowed;
 }
 
 .glorious-input-red {
-  @apply rounded-md ring-1 ring-red-500 px-3;
+  @apply rounded-md ring-1 ring-red-500;
 }
 .glorious-input-red:disabled {
   @apply cursor-not-allowed;
 }
 
 .glorious-input-gray {
-  @apply rounded-md ring-1 ring-gray-500 px-3;
+  @apply rounded-md ring-1 ring-gray-500;
 }
 .glorious-input-gray:disabled {
   @apply cursor-not-allowed;
 }
 
 .glorious-input-blue {
-  @apply rounded-md ring-1 ring-blue-500 px-3;
+  @apply rounded-md ring-1 ring-blue-500;
 }
 .glorious-input-blue:disabled {
   @apply cursor-not-allowed;
 }
 
 .glorious-input-orange {
-  @apply rounded-md ring-1 ring-orange-500 px-3;
+  @apply rounded-md ring-1 ring-orange-500;
 }
 .glorious-input-orange:disabled {
   @apply cursor-not-allowed;

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

@@ -118,7 +118,10 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-green-100;
 }
 .glorious-button-primary:disabled {
-  @apply bg-green-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-primary:disabled:not(:disabled) {
+  @apply bg-green-300;
 }
 
 .glorious-button-red {
@@ -128,7 +131,10 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-red-100;
 }
 .glorious-button-red:disabled {
-  @apply bg-red-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-red:disabled:not(:disabled) {
+  @apply bg-red-300;
 }
 
 .glorious-button-gray {
@@ -138,7 +144,10 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-gray-100;
 }
 .glorious-button-gray:disabled {
-  @apply bg-gray-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-gray:disabled:not(:disabled) {
+  @apply bg-gray-300;
 }
 
 .glorious-button-blue {
@@ -148,7 +157,10 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-blue-100;
 }
 .glorious-button-blue:disabled {
-  @apply bg-blue-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-blue:disabled:not(:disabled) {
+  @apply bg-blue-300;
 }
 
 .glorious-button-orange {
@@ -158,6 +170,9 @@ const props = defineProps({
   @apply text-gray-500 hover:bg-orange-100;
 }
 .glorious-button-orange:disabled {
-  @apply bg-orange-300 cursor-not-allowed;
+  @apply cursor-not-allowed;
+}
+.glorious-button-orange:disabled:not(:disabled) {
+  @apply bg-orange-300;
 }
 </style>

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { onMounted, ref } from "#imports";
+import { onMounted, ref, useId, useSlots } from "#imports";
 
 const isEnd = ref<Boolean>(false);
 const props = defineProps({
@@ -13,7 +13,8 @@ const props = defineProps({
     default: "flex text-gray-500 font-medium",
   },
 });
-
+const slot = useSlots();
+const id = useId();
 onMounted(() => {
   const currentSecond = props.second;
   let second = props.second;
@@ -41,7 +42,7 @@ onMounted(() => {
         }
       }
 
-      document.getElementById("countDown").innerText = timeString;
+      document.getElementById("countDown" + id).innerText = timeString;
 
       if (second === 0) {
         isEnd.value = true;
@@ -55,10 +56,16 @@ onMounted(() => {
 </script>
 <template>
   <div>
+    <span
+      v-if="isEnd && typeof slot.end === 'undefined'"
+      :class="props.className"
+    >
+      00:00
+    </span>
     <slot v-if="isEnd" name="end" />
     <div v-else :class="props.className">
       <slot name="one"></slot>
-      <div id="countDown" />
+      <div :id="`countDown` + id" />
       <slot name="two"></slot>
     </div>
   </div>

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

@@ -7,12 +7,19 @@ const props = defineProps({
     default: "drawer",
     type: String,
   },
+  dir: {
+    require: false,
+    default: null,
+    type: String as () => "rtl" | "ltr",
+  },
 });
 </script>
 <template>
   <div
     :id="props.id"
-    :class="[useGloriousAppSetting.getSetting().dir]"
+    :class="[
+      props.dir === null ? useGloriousAppSetting.getSetting().dir : props.dir,
+    ]"
     class="drawer close hidden"
   >
     <div class="w-full">

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

@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+import { GloriousStore } from "#imports";
+const props = defineProps({
+  error: {
+    required: false,
+    default: "|",
+    type: String,
+  },
+});
+const gs = GloriousStore();
+const error: any = props.error.split("|");
+</script>
+<template>
+  <span
+    v-if="gs.forms[error[0]]?.errors[error[1]]"
+    class="text-red-500 text-[14px]"
+  >
+    {{ gs.forms[error[0]].errors[error[1]][0] }}
+  </span>
+</template>

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

@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { GloriousStore } from "#imports";
 const props = defineProps({
   modelValue: {
     required: true,
@@ -20,6 +19,11 @@ const props = defineProps({
     default: "file",
     type: String,
   },
+  text: {
+    required: false,
+    default: "No file has been selected",
+    type: String,
+  },
   size: {
     required: false,
     default: "md",
@@ -31,8 +35,6 @@ const props = defineProps({
     type: String,
   },
 });
-const gs: any = GloriousStore();
-const error: any = props.error.split("|");
 const emits = defineEmits(["update:modelValue"]);
 
 const changeInput = (event: any) => {
@@ -43,8 +45,7 @@ const changeInput = (event: any) => {
 };
 const deleteFile = (event: any) => {
   event.currentTarget.style.display = "none";
-  event.currentTarget.previousElementSibling.innerText =
-    "فایلی انتخاب نشده است";
+  event.currentTarget.previousElementSibling.innerText = props.text;
   emits("update:modelValue", null);
 };
 </script>
@@ -59,19 +60,14 @@ const deleteFile = (event: any) => {
         <span>{{ props.placeholder }}</span>
       </div>
       <input type="file" class="hidden" @change="changeInput($event)" />
-      <span class="text-[12px]">فایلی انتخاب نشده است</span>
+      <span class="text-[12px]">{{ props.text }}</span>
       <GIcon
         name="glorious-x"
         color="#ff0000"
         @click.prevent="deleteFile($event)"
       />
     </label>
-    <span
-      v-if="gs.forms[error[0]]?.errors[error[1]]"
-      class="text-red-500 text-[14px]"
-    >
-      {{ gs.forms[error[0]].errors[error[1]][0] }}
-    </span>
+    <GErrorText :error="props.error" />
   </div>
 </template>
 

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { computed, ref, watch, GloriousStore } from "#imports";
+import { computed, ref, watch } from "#imports";
 import { useGloriousCore } from "../../composables/useGloriousCore";
+import tailwindColor from "../../utils/tailwindColor";
 const props = defineProps({
   modelValue: {
     required: false,
@@ -45,17 +46,31 @@ const props = defineProps({
   type: {
     required: false,
     default: "text",
-    type: String,
+    type: String as () =>
+      | "button"
+      | "checkbox"
+      | "color"
+      | "date"
+      | "email"
+      | "file"
+      | "hidden"
+      | "password"
+      | "radio"
+      | "range"
+      | "tel"
+      | "text"
+      | "url"
+      | "number",
   },
   autocomplete: {
     required: false,
     default: "off",
-    type: String,
+    type: String as () => "off" | "on" | "new-password",
   },
   mode: {
     required: false,
     default: "normal",
-    type: String,
+    type: String as () => "normal" | "tag",
   },
   display: {
     required: false,
@@ -90,9 +105,6 @@ watch(
   }
 );
 
-const gs: any = GloriousStore();
-const error: any = props.error.split("|");
-
 const computeIconSize = computed(() => {
   let iconSize = 0;
 
@@ -151,6 +163,8 @@ watch(
   () => props.modelValue,
   () => initValue()
 );
+
+const typeInput = ref(props.type);
 </script>
 
 <template>
@@ -160,15 +174,38 @@ watch(
       class="glorious-input"
       :class="[props.icon !== '' ? `icon-${props.size}` : '']"
     >
-      <input
-        v-model="inputValue"
-        :autocomplete="props.autocomplete"
-        :class="[props.size, `glorious-input-${props.color}`]"
-        :placeholder="props.placeholder"
-        :disabled="props.disabled"
-        :type="props.type"
-        @keyup.enter="addTag($event)"
-      />
+      <div class="relative">
+        <input
+          v-model="inputValue"
+          :autocomplete="props.autocomplete"
+          class="w-full"
+          :class="[
+            props.size,
+            `glorious-input-${props.color}`,
+            props.type === 'password' ? 'pl-[30px] pr-3' : 'px-3',
+          ]"
+          :placeholder="props.placeholder"
+          :disabled="props.disabled"
+          :type="typeInput"
+          @keyup.enter="addTag($event)"
+        />
+        <GIcon
+          v-if="props.type === 'password' && typeInput === 'password'"
+          class="absolute left-0 top-0 bottom-0 my-auto ml-1 cursor-pointer"
+          :size="23"
+          name="glorious-eye-fill"
+          :color="tailwindColor('gray', 500)"
+          @click="typeInput = 'text'"
+        ></GIcon>
+        <GIcon
+          v-if="props.type === 'password' && typeInput === 'text'"
+          class="absolute left-0 top-0 bottom-0 my-auto ml-1 cursor-pointer"
+          :size="23"
+          name="glorious-eye-off-fill"
+          :color="tailwindColor('gray', 500)"
+          @click="typeInput = 'password'"
+        ></GIcon>
+      </div>
       <div v-if="tags.length !== 0" class="glorious-input-tag">
         <div v-for="(item, index) in tags" :key="index">
           {{ item }}
@@ -188,13 +225,7 @@ watch(
         :color="$tailwindColor('gray', '500')"
       />
     </div>
-
-    <span
-      v-if="gs.forms[error[0]]?.errors[error[1]]"
-      class="text-red-500 text-[14px]"
-    >
-      {{ gs.forms[error[0]].errors[error[1]][0] }}
-    </span>
+    <GErrorText :error="props.error" />
   </div>
 </template>
 
@@ -220,35 +251,35 @@ watch(
 }
 
 .glorious-input-primary {
-  @apply rounded-md ring-1 ring-green-500 px-3;
+  @apply rounded-md ring-1 ring-green-500;
 }
 .glorious-input-primary:disabled {
   @apply bg-green-300 cursor-not-allowed;
 }
 
 .glorious-input-red {
-  @apply rounded-md ring-1 ring-red-500 px-3;
+  @apply rounded-md ring-1 ring-red-500;
 }
 .glorious-input-red:disabled {
   @apply cursor-not-allowed;
 }
 
 .glorious-input-gray {
-  @apply rounded-md ring-1 ring-gray-500 px-3;
+  @apply rounded-md ring-1 ring-gray-500;
 }
 .glorious-input-gray:disabled {
   @apply cursor-not-allowed;
 }
 
 .glorious-input-blue {
-  @apply rounded-md ring-1 ring-blue-500 px-3;
+  @apply rounded-md ring-1 ring-blue-500;
 }
 .glorious-input-blue:disabled {
   @apply cursor-not-allowed;
 }
 
 .glorious-input-orange {
-  @apply rounded-md ring-1 ring-orange-500 px-3;
+  @apply rounded-md ring-1 ring-orange-500;
 }
 .glorious-input-orange:disabled {
   @apply cursor-not-allowed;

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

@@ -35,7 +35,7 @@ const computeListPage = () => {
   let firstPage = props.currentPage - props.numberSugestPage;
   const endPage = props.currentPage + (props.numberSugestPage + 1);
 
-  while (firstPage < endPage) {
+  while (firstPage <= endPage) {
     if (firstPage > 0 && firstPage <= props.lastPage)
       listPage.value.push(firstPage);
     firstPage++;
@@ -72,7 +72,7 @@ const arrowNext = () => {
       <div
         v-for="(item, index) in listPage"
         :key="index"
-        class="w-6 h-6 rounded-lg flex items-center justify-center paginate"
+        class="w-6 h-6 rounded-lg flex items-center justify-center paginate font-bold"
         :class="[props.currentPage === item ? 'active' : 'cursor-pointer']"
         @click="emit(item)"
       >

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { GloriousStore, ref, watch } from "#imports";
+import { ref, watch } from "#imports";
 const props = defineProps({
   modelValue: {
     required: false,
@@ -36,6 +36,11 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
+  placeholder: {
+    require: false,
+    default: "",
+    type: String,
+  },
 });
 const selectValue = ref(null);
 const emits = defineEmits(["update:modelValue"]);
@@ -46,9 +51,6 @@ watch(
   }
 );
 
-const gs: any = GloriousStore();
-const error: any = props.error.split("|");
-
 // -------------------------------------- init value
 selectValue.value = props.modelValue;
 watch(
@@ -62,26 +64,30 @@ watch(
 <template>
   <div class="flex flex-col">
     <span class="text-[14px] font-medium text-gray-500">{{ props.title }}</span>
-    <select
-      v-model="selectValue"
-      aria-label="glorious select"
-      :disabled="props.disabled"
-      :class="[`glorious-select-${props.color}`, props.size]"
-    >
-      <option
-        v-for="(item, index) in props.options"
-        :key="index"
-        :value="item.value"
+    <div class="grow flex relative">
+      <select
+        v-model="selectValue"
+        aria-label="glorious select"
+        :disabled="props.disabled"
+        class="grow"
+        :class="[`glorious-select-${props.color}`, props.size]"
+      >
+        <option
+          v-for="(item, index) in props.options"
+          :key="index"
+          :value="item.value"
+        >
+          {{ item.text }}
+        </option>
+      </select>
+      <span
+        v-if="selectValue === null"
+        class="absolute top-0 bottom-0 my-auto pr-2 h-max"
       >
-        {{ item.text }}
-      </option>
-    </select>
-    <span
-      v-if="gs.forms[error[0]]?.errors[error[1]]"
-      class="text-red-500 text-[14px]"
-    >
-      {{ gs.forms[error[0]].errors[error[1]][0] }}
-    </span>
+        {{ props.placeholder }}
+      </span>
+    </div>
+    <GErrorText :error="props.error" />
   </div>
 </template>
 

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { GloriousStore, ref, watch } from "#imports";
+import { ref, watch } from "#imports";
 const props = defineProps({
   modelValue: {
     required: false,
@@ -50,9 +50,10 @@ watch(
   () => inputValue.value,
   () => emits("update:modelValue", inputValue.value)
 );
-
-const gs: any = GloriousStore();
-const error: any = props.error.split("|");
+watch(
+  () => props.modelValue,
+  () => (inputValue.value = props.modelValue)
+);
 </script>
 
 <template>
@@ -67,12 +68,7 @@ const error: any = props.error.split("|");
         :disabled="props.disabled"
       />
     </div>
-    <span
-      v-if="gs.forms[error[0]]?.errors[error[1]]"
-      class="text-red-500 text-[14px]"
-    >
-      {{ gs.forms[error[0]].errors[error[1]][0] }}
-    </span>
+    <GErrorText :error="props.error" />
   </div>
 </template>
 

package/dist/runtime/composables/useGloriousFetch.mjs

@@ -88,12 +88,12 @@ function computeAuth() {
   return header;
 }
 function computeFormData(options) {
-  console.log(options.body);
   const form = new FormData();
   Object.entries(options.body).forEach((item) => {
+    console.log(item[1]);
     if (item[1] === null)
       return;
-    if (typeof item[1] === "object" && typeof item[1].lastModifiedDate === "undefined")
+    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/utils/tailwindColor.d.ts

@@ -0,0 +1 @@
+export default function tailwindColor(name: string, range: number): any;

package/dist/runtime/utils/tailwindColor.mjs

@@ -0,0 +1,5 @@
+import colors from "tailwindcss/colors.js";
+export default function tailwindColor(name, range) {
+  const tailwindColor2 = colors;
+  return tailwindColor2[name][range];
+}

package/package.json

@@ -1,53 +1,53 @@
-{
-  "version": "1.0.0",
-  "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",
-  "author": "sajad hossein zadeh (https://github.com/sajadhzj)",
-  "license": "MIT",
-  "exports": {
-    ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
-    }
-  },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release": "npm run prepack && npm publish",
-    "lint": "eslint .",
-    "test": "vitest run",
-    "test:watch": "vitest watch"
-  },
-  "dependencies": {
-    "@nuxt/kit": "^3.11.1",
-    "@nuxtjs/tailwindcss": "^6.12.0",
-    "@pinia/nuxt": "^0.5.1",
-    "defu": "^6.1.4",
-    "pinia": "^2.1.7",
-    "sass": "^1.77.5"
-  },
-  "devDependencies": {
-    "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/module-builder": "^0.5.5",
-    "@nuxt/schema": "^3.11.1",
-    "@nuxt/test-utils": "^3.12.0",
-    "@types/node": "^20.11.29",
-    "changelogen": "^0.5.5",
-    "eslint": "^8.57.0",
-    "nuxt": "^3.11.1",
-    "vitest": "^1.4.0"
-  },
-  "overrides": {
-    "vue": "latest"
-  }
-}
+{
+  "version": "1.1.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",
+  "author": "sajad hossein zadeh (https://github.com/sajadhzj)",
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "release": "npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.11.1",
+    "@nuxtjs/tailwindcss": "^6.12.0",
+    "@pinia/nuxt": "^0.5.1",
+    "defu": "^6.1.4",
+    "pinia": "^2.1.7",
+    "sass": "^1.77.5"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "latest",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.5.5",
+    "@nuxt/schema": "^3.11.1",
+    "@nuxt/test-utils": "^3.12.0",
+    "@types/node": "^20.11.29",
+    "changelogen": "^0.5.5",
+    "eslint": "^8.57.0",
+    "nuxt": "^3.11.1",
+    "vitest": "^1.4.0"
+  },
+  "overrides": {
+    "vue": "latest"
+  }
+}

package/dist/runtime/plugins/TailwindColor.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<{
-    tailwindColor: (color: string, value: string) => string;
-}> & import("nuxt/app").ObjectPlugin<{
-    tailwindColor: (color: string, value: string) => string;
-}>;
-export default _default;

package/dist/runtime/plugins/TailwindColor.mjs

@@ -1,10 +0,0 @@
-import { defineNuxtPlugin } from "nuxt/app";
-import colors from "tailwindcss/colors.js";
-export default defineNuxtPlugin(() => {
-  const tailwindColor = colors;
-  return {
-    provide: {
-      tailwindColor: (color, value) => tailwindColor[color][value]
-    }
-  };
-});

package/dist/runtime/plugins/shortcut-key.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/runtime/plugins/shortcut-key.mjs

@@ -1,11 +0,0 @@
-import { defineNuxtPlugin } from "#app";
-import { useGloriousAppSetting } from "../composables/useGloriousAppSetting.mjs";
-export default defineNuxtPlugin(() => {
-  window.addEventListener("keydown", (ev) => {
-    const html = document.getElementsByTagName("html")[0];
-    if (ev.key === "*")
-      useGloriousAppSetting.setDarkMode();
-    if (ev.key === "-")
-      useGloriousAppSetting.setDir(html.dir === "rtl" ? "ltr" : "rtl");
-  });
-});