nuxt-glorious 1.1.9-2 → 1.1.9-3

package/dist/module.json

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

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

@@ -1,7 +1,3 @@
-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;
 }
@@ -48,7 +44,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 +57,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 +70,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 +83,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 +96,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/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,15 +64,14 @@ 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;
-}
-
 .xl.glorious-button-orange, .xl.glorious-button-blue, .xl.glorious-button-gray, .xl.glorious-button-red, .xl.glorious-button-primary {
   @apply py-2.5;
 }
@@ -127,7 +118,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 +131,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 +144,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 +157,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 +170,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/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 -->

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

@@ -21,6 +21,8 @@ export default function(url, options = defaultOptions) {
   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;
   const opt = {
     ...options,
     onRequest() {

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/modal.d.ts

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

package/dist/runtime/utils/modal.mjs

@@ -0,0 +1,26 @@
+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();
+  }
+}

package/package.json

@@ -1,53 +1,53 @@
-{
-  "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",
-  "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.1.9-3",
+  "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"
+  }
+}