nuxt-glorious 1.2.9-8-1 → 1.2.9-8-4

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "1.2.9-8-1"
+  "version": "1.2.9-8-4"
 }

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

@@ -10,7 +10,7 @@ const props: any = defineProps(_props)
     :aria-label="props.ariaLabel"
     :class="[
       `glorious-button`,
-      `color-${props.color}`,
+      `button-color-${props.color}`,
       `size-${props.size}`,
       props.outline ? 'outline' : '',
     ]"

package/dist/runtime/composables/useGloriousFetch.mjs

@@ -14,13 +14,17 @@ const defaultOptions = {
   bodyType: "normal",
   credentials: "same-origin"
 };
-export default function(url, options = defaultOptions) {
+export default async function(url, options = defaultOptions) {
   const moduleConfig = useRuntimeConfig();
   options = defu(moduleConfig.public.glorious.fetch, options, defaultOptions);
   const gs = GloriousStore();
   const gKey = computeGKey(options.gKey, url);
   options.params = computeParams(options.params);
-  options.headers = { ...options.headers, ...computeAuth() };
+  options.headers = {
+    ...options.headers,
+    ...computeAuth(),
+    ...await computeHeaderFetch()
+  };
   if (options.bodyType === "formData") options.body = computeFormData(options);
   const opt = {
     ...options,
@@ -96,3 +100,12 @@ function computeFormData(options) {
   });
   return form;
 }
+async function computeHeaderFetch() {
+  const fetch = import.meta.glob("/glorious/fetch.ts");
+  let data = {};
+  if (typeof fetch["/glorious/fetch.ts"] !== "undefined") {
+    data = await fetch["/glorious/fetch.ts"]();
+    data = data.fetchHandler.headers();
+  }
+  return data;
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.9-8-1",
+  "version": "1.2.9-8-4",
   "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",