nuxt-glorious 2.0.0-develop-0 → 2.0.0-develop-1

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "2.0.0-develop-0"
+  "version": "2.0.0-develop-1"
 }

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

@@ -1,5 +1,7 @@
 <script lang="ts" setup>
 import _props from '../props/Table'
+import { getAttribute } from '../helper'
+
 const props = defineProps(_props)
 </script>
 
@@ -7,7 +9,7 @@ const props = defineProps(_props)
   <div class="flex flex-col">
     <div
       class="glorious-table"
-      :class="[`color-${props.color}`]"
+      :class="[`color-${getAttribute(props.color, 'table', 'color')}`]"
     >
       <table>
         <thead>
@@ -20,7 +22,7 @@ const props = defineProps(_props)
             </th>
           </tr>
         </thead>
-        <tbody v-if="!props.loading">
+        <tbody v-if="!getAttribute(props.loading, 'table', 'loading')">
           <tr
             v-for="(bodyItem, bodyIndex) in props.body"
             :key="bodyIndex"
@@ -43,17 +45,20 @@ const props = defineProps(_props)
       </table>
     </div>
     <div
-      v-if="props.loading"
+      v-if="getAttribute(props.loading, 'table', 'loading')"
       class="flex justify-center mt-3"
     >
-      <GLoading :color="props.loadingOption.color" />
+      <GLoading :color="getAttribute(props.loading, 'table', 'loading')" />
     </div>
     <div
       class="flex justify-center mt-3"
-      v-if="!props.loading && props.body.length === 0"
+      v-if="
+        !getAttribute(props.loading, 'table', 'loading') &&
+        props.body.length === 0
+      "
     >
       <div class="bg-white shadow p-2 rounded w-max">
-        <span> {{ props.emptyText }} </span>
+        <span> {{ getAttribute(props.emptyText, 'table', 'emptyText') }} </span>
       </div>
     </div>
   </div>

package/dist/runtime/components/helper.mjs

@@ -2,18 +2,7 @@ import { useRuntimeConfig } from "#app";
 import { GloriousStore } from "../stores/GloriousStore.mjs";
 export const createBlurDom = (callback) => {
   const div = document.createElement("div");
-  div.classList.add(
-    "fixed",
-    "top-0",
-    "right-0",
-    "backdrop-blur-xl",
-    "bg-gray-500",
-    "opacity-75",
-    "h-full",
-    "w-full",
-    "z-[40]",
-    "glorious-backdrop"
-  );
+  div.classList.add("glorious-backdrop");
   const nuxt = document.getElementById("__nuxt");
   nuxt?.appendChild(div);
   div.addEventListener("click", () => {

package/dist/scss/glorious.scss

@@ -20,3 +20,7 @@
 @use 'textarea.scss';
 @use 'timeline.scss';
 @use 'tooltip.scss';
+
+.glorious-backdrop {
+    @apply backdrop-blur-md fixed top-0 w-full h-full bg-gray-500/50 z-40;
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-develop-0",
+  "version": "2.0.0-develop-1",
   "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",