nuxt-glorious 1.1.9 → 1.2.0

package/dist/module.json

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

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

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

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

@@ -31,15 +31,15 @@
 .g-scafold-modal.close {
   @apply hidden;
 }
-.g-scafold-modal.open {
-  animation: animation-mobile 0.3s normal forwards;
-}
 @screen md {
   .g-scafold-modal.open {
-    animation: animation-opacity 0.2s normal forwards;
+    animation: animationOpacity 0.2s normal forwards;
   }
 }
-@keyframes animation-opacity {
+.g-scafold-modal.open {
+  animation: animationMobile 0.3s normal forwards;
+}
+@keyframes animationOpacity {
   from {
     opacity: 0;
   }
@@ -47,7 +47,7 @@
     opacity: 1;
   }
 }
-@keyframes animation-mobile {
+@keyframes animationMobile {
   from {
     transform: translateY(100%);
   }

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

@@ -36,13 +36,6 @@ const props = defineProps({
     type: String,
   },
 });
-
-const emits = defineEmits(["click"]);
-const click = () => {
-  if (props.loading) return;
-
-  emits("click");
-};
 </script>
 
 <template>
@@ -55,7 +48,6 @@ const click = () => {
       props.outline ? 'outline' : '',
     ]"
     :disabled="props.disabled"
-    @click="click"
   >
     <div v-if="props.loading" class="loading">
       <GLoading />
@@ -72,13 +64,16 @@ const click = () => {
     ]"
     :disabled="props.disabled"
   >
-    <slot />
+    <div v-if="props.loading" class="loading">
+      <GLoading />
+    </div>
+    <slot v-else />
   </NuxtLink>
 </template>
 
 <style>
 button:focus-visible {
-  outline: none;
+  @apply outline-none;
 }
 
 .xl.glorious-button-orange, .xl.glorious-button-blue, .xl.glorious-button-gray, .xl.glorious-button-red, .xl.glorious-button-primary {
@@ -127,7 +122,7 @@ button:focus-visible {
   @apply text-gray-500 hover:bg-green-100;
 }
 .glorious-button-primary:disabled {
-  @apply cursor-not-allowed opacity-50;
+  @apply cursor-not-allowed;
 }
 .glorious-button-primary:disabled:not(:disabled) {
   @apply bg-green-300;
@@ -140,7 +135,7 @@ button:focus-visible {
   @apply text-gray-500 hover:bg-red-100;
 }
 .glorious-button-red:disabled {
-  @apply cursor-not-allowed opacity-50;
+  @apply cursor-not-allowed;
 }
 .glorious-button-red:disabled:not(:disabled) {
   @apply bg-red-300;
@@ -153,7 +148,7 @@ button:focus-visible {
   @apply text-gray-500 hover:bg-gray-100;
 }
 .glorious-button-gray:disabled {
-  @apply cursor-not-allowed opacity-50;
+  @apply cursor-not-allowed;
 }
 .glorious-button-gray:disabled:not(:disabled) {
   @apply bg-gray-300;
@@ -166,7 +161,7 @@ button:focus-visible {
   @apply text-gray-500 hover:bg-blue-100;
 }
 .glorious-button-blue:disabled {
-  @apply cursor-not-allowed opacity-50;
+  @apply cursor-not-allowed;
 }
 .glorious-button-blue:disabled:not(:disabled) {
   @apply bg-blue-300;
@@ -179,7 +174,7 @@ button:focus-visible {
   @apply text-gray-500 hover:bg-orange-100;
 }
 .glorious-button-orange:disabled {
-  @apply cursor-not-allowed opacity-50;
+  @apply cursor-not-allowed;
 }
 .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, null],
+    type: null,
   },
   color: {
     required: false,

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "#imports";
 import { useGloriousCore } from "../../composables/useGloriousCore";
-import tailwindColor from "../../utils/tailwindColor";
+import gTailwindColor from "../../utils/gTailwindColor";
 const props = defineProps({
   modelValue: {
     required: false,
@@ -208,7 +208,7 @@ const typeInput = ref(props.type);
           class="absolute left-0 top-0 bottom-0 my-auto ml-1 cursor-pointer"
           :size="23"
           name="glorious-eye-fill"
-          :color="tailwindColor('gray', 500)"
+          :color="gTailwindColor('gray', 500)"
           @click="typeInput = 'text'"
         ></GIcon>
         <GIcon
@@ -216,7 +216,7 @@ const typeInput = ref(props.type);
           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)"
+          :color="gTailwindColor('gray', 500)"
           @click="typeInput = 'password'"
         ></GIcon>
       </div>
@@ -236,7 +236,7 @@ const typeInput = ref(props.type);
         class="glorious-input-icon"
         :name="props.icon"
         :size="computeIconSize"
-        :color="$tailwindColor('gray', '500')"
+        :color="gTailwindColor('gray', '500')"
       />
     </div>
     <GErrorText :error="props.error" />

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

@@ -109,7 +109,7 @@ watch(
         v-show="props.closeBtn !== ''"
         @click="emits('update:modelValue', false)"
       >
-        {{ props.closeBtn }}Z
+        {{ props.closeBtn }}
       </GButton>
     </div>
     <!-- end footer -->
@@ -150,15 +150,15 @@ watch(
 .g-scafold-modal.close {
   @apply hidden;
 }
-.g-scafold-modal.open {
-  animation: animation-mobile 0.3s normal forwards;
-}
 @screen md {
   .g-scafold-modal.open {
-    animation: animation-opacity 0.2s normal forwards;
+    animation: animationOpacity 0.2s normal forwards;
   }
 }
-@keyframes animation-opacity {
+.g-scafold-modal.open {
+  animation: animationMobile 0.3s normal forwards;
+}
+@keyframes animationOpacity {
   from {
     opacity: 0;
   }
@@ -166,7 +166,7 @@ watch(
     opacity: 1;
   }
 }
-@keyframes animation-mobile {
+@keyframes animationMobile {
   from {
     transform: translateY(100%);
   }

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

@@ -41,11 +41,6 @@ const props = defineProps({
     default: "off",
     type: String,
   },
-  rows: {
-    require: false,
-    default: 3,
-    type: Number,
-  },
 });
 
 const inputValue: any = ref(null);
@@ -71,7 +66,6 @@ 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/useGloriousFetch.mjs

@@ -11,7 +11,6 @@ const defaultOptions = {
     Accept: "application/json"
   },
   bodyType: "normal",
-  body: {},
   credentials: "same-origin"
 };
 export default function(url, options = defaultOptions) {

package/dist/runtime/stores/GloriousStore.mjs

@@ -8,8 +8,7 @@ export const GloriousStore = defineStore("GloriousStore", {
     },
     loading: {},
     keepData: {},
-    forms: {},
-    modals: {}
+    forms: {}
   }),
   getters: {
     authIsLogin() {
@@ -40,8 +39,7 @@ export const GloriousStore = defineStore("GloriousStore", {
         show: false,
         keepData: {}
       };
-      if (typeof key === "string")
-        this.modals[key] = defaultValue;
+      if (typeof key === "string") this.modals[key] = defaultValue;
       else
         key.map((item) => {
           this.modals[item] = defaultValue;

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

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

package/dist/runtime/utils/gTailwindColor.mjs

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

package/package.json

@@ -1,53 +1,54 @@
-{
-  "version": "1.1.9",
-  "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.13.2",
-    "vitest": "^1.4.0"
-  },
-  "overrides": {
-    "vue": "latest"
-  }
-}
+{
+  "version": "1.2.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",
+  "type": "module",
+  "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"
+  }
+}

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

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

package/dist/runtime/utils/tailwindColor.mjs

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