nuxt-glorious 2.0.0-develop-9 → 2.0.0-develop-11

package/dist/module.json

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

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

@@ -13,7 +13,7 @@ const computeProps = (icon: any) => {
   const stroke = getAttribute(props.color, 'icon', 'color')
 
   return icon
-    .replace(/width="(\d+)"/g, `width="${size}"`)
+    .replace(/width="(\d+)"/g, `class="g-icon-${props.name}" width="${size}"`)
     .replace(/height="(\d+)"/g, `height="${size}"`)
     .replace(/fill="(?!none)([^"]+)"/g, `fill="${color}"`)
     .replace(/stroke="(?!none)([^"]+)"/g, `stroke="${stroke}"`)

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

@@ -6,60 +6,64 @@ const props = defineProps(_props)
 </script>
 
 <template>
-  <div class="flex flex-col">
-    <div
-      class="glorious-table"
-      :class="[`color-${getAttribute(props.color, 'table', 'color')}`]"
-    >
-      <table>
-        <thead>
-          <tr>
-            <th
-              v-for="(headItem, index) in props.header"
-              :key="index"
+  <ClientOnly>
+    <div class="flex flex-col">
+      <div
+        class="glorious-table"
+        :class="[`color-${getAttribute(props.color, 'table', 'color')}`]"
+      >
+        <table>
+          <thead>
+            <tr>
+              <th
+                v-for="(headItem, index) in props.header"
+                :key="index"
+              >
+                {{ headItem }}
+              </th>
+            </tr>
+          </thead>
+          <tbody v-if="!getAttribute(props.loading, 'table', 'loading')">
+            <tr
+              v-for="(bodyItem, bodyIndex) in props.body"
+              :key="bodyIndex"
             >
-              {{ headItem }}
-            </th>
-          </tr>
-        </thead>
-        <tbody v-if="!getAttribute(props.loading, 'table', 'loading')">
-          <tr
-            v-for="(bodyItem, bodyIndex) in props.body"
-            :key="bodyIndex"
-          >
-            <td
-              v-for="(headItem, headKey, headIndex) in props.header"
-              :key="headIndex"
-            >
-              <slot
-                v-if="typeof $slots[headKey] !== 'undefined'"
-                :name="headKey"
-                :item="{ ...bodyItem, index: bodyIndex }"
-              />
-              <template v-else>
-                {{ bodyItem[headKey] }}
-              </template>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <div
-      v-if="getAttribute(props.loading, 'table', 'loading')"
-      class="flex justify-center mt-3"
-    >
-      <GLoading :color="getAttribute(props.loading, 'table', 'loading')" />
-    </div>
-    <div
-      class="flex justify-center mt-3"
-      v-if="
-        !getAttribute(props.loading, 'table', 'loading') &&
-        props.body.length === 0
-      "
-    >
-      <div class="bg-white shadow p-2 rounded w-max">
-        <span> {{ getAttribute(props.emptyText, 'table', 'emptyText') }} </span>
+              <td
+                v-for="(headItem, headKey, headIndex) in props.header"
+                :key="headIndex"
+              >
+                <slot
+                  v-if="typeof $slots[headKey] !== 'undefined'"
+                  :name="headKey"
+                  :item="{ ...bodyItem, index: bodyIndex }"
+                />
+                <template v-else>
+                  {{ bodyItem[headKey] }}
+                </template>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div
+        v-if="getAttribute(props.loading, 'table', 'loading')"
+        class="flex justify-center mt-3"
+      >
+        <GLoading :color="getAttribute(props.loading, 'table', 'loading')" />
+      </div>
+      <div
+        class="flex justify-center mt-3"
+        v-if="
+          !getAttribute(props.loading, 'table', 'loading') &&
+          props.body.length === 0
+        "
+      >
+        <div class="bg-white shadow p-2 rounded w-max">
+          <span>
+            {{ getAttribute(props.emptyText, 'table', 'emptyText') }}
+          </span>
+        </div>
       </div>
     </div>
-  </div>
+  </ClientOnly>
 </template>

package/dist/runtime/components/helper.mjs

@@ -26,12 +26,10 @@ export const hasValidationError = (errorProp) => {
   return condition;
 };
 export const getAttribute = (propsValue, componentName, prop) => {
-  let mount;
+  let mount = propsValue;
   if (import.meta.client) {
     const config = useRuntimeConfig();
-    return config.public?.glorious?.components?.[componentName]?.props?.[prop] || propsValue;
-  } else {
-    mount = propsValue;
+    mount = config.public?.glorious?.components?.[componentName]?.props?.[prop] || propsValue;
   }
   return mount;
 };

package/dist/runtime/style/style.css

@@ -1116,13 +1116,13 @@ label.checked {
   @apply rounded-t-md overflow-hidden;
 }
 .glorious-table.color-orange > table > thead > tr > th:first-child {
-  @apply ltr:rounded-tr-lg bg-orange-400;
+  @apply rtl:rounded-tr-lg ltr:rounded-tl-lg bg-orange-400;
 }
 .glorious-table.color-orange > table > thead > tr > th {
   @apply bg-orange-400;
 }
 .glorious-table.color-orange > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-orange-400;
+  @apply rtl:rounded-tl-lg ltr:rounded-tr-lg bg-orange-400;
 }
 .glorious-table.color-orange > table > tbody > tr:nth-child(even) {
   @apply bg-orange-50;
@@ -1134,13 +1134,13 @@ label.checked {
   @apply rounded-t-md overflow-hidden;
 }
 .glorious-table.color-blue > table > thead > tr > th:first-child {
-  @apply ltr:rounded-tr-lg bg-blue-400;
+  @apply rtl:rounded-tr-lg ltr:rounded-tl-lg bg-blue-400;
 }
 .glorious-table.color-blue > table > thead > tr > th {
   @apply bg-blue-400;
 }
 .glorious-table.color-blue > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-blue-400;
+  @apply rtl:rounded-tl-lg ltr:rounded-tr-lg bg-blue-400;
 }
 .glorious-table.color-blue > table > tbody > tr:nth-child(even) {
   @apply bg-blue-50;
@@ -1152,13 +1152,13 @@ label.checked {
   @apply rounded-t-md overflow-hidden;
 }
 .glorious-table.color-gray > table > thead > tr > th:first-child {
-  @apply ltr:rounded-tr-lg bg-gray-400;
+  @apply rtl:rounded-tr-lg ltr:rounded-tl-lg bg-gray-400;
 }
 .glorious-table.color-gray > table > thead > tr > th {
   @apply bg-gray-400;
 }
 .glorious-table.color-gray > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-gray-400;
+  @apply rtl:rounded-tl-lg ltr:rounded-tr-lg bg-gray-400;
 }
 .glorious-table.color-gray > table > tbody > tr:nth-child(even) {
   @apply bg-gray-50;
@@ -1170,13 +1170,13 @@ label.checked {
   @apply rounded-t-md overflow-hidden;
 }
 .glorious-table.color-red > table > thead > tr > th:first-child {
-  @apply ltr:rounded-tr-lg bg-red-400;
+  @apply rtl:rounded-tr-lg ltr:rounded-tl-lg bg-red-400;
 }
 .glorious-table.color-red > table > thead > tr > th {
   @apply bg-red-400;
 }
 .glorious-table.color-red > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-red-400;
+  @apply rtl:rounded-tl-lg ltr:rounded-tr-lg bg-red-400;
 }
 .glorious-table.color-red > table > tbody > tr:nth-child(even) {
   @apply bg-red-50;
@@ -1188,13 +1188,13 @@ label.checked {
   @apply rounded-t-md overflow-hidden;
 }
 .glorious-table.color-green > table > thead > tr > th:first-child {
-  @apply ltr:rounded-tr-lg bg-green-400;
+  @apply rtl:rounded-tr-lg ltr:rounded-tl-lg bg-green-400;
 }
 .glorious-table.color-green > table > thead > tr > th {
   @apply bg-green-400;
 }
 .glorious-table.color-green > table > thead > tr > th:last-child {
-  @apply rounded-l-lg bg-green-400;
+  @apply rtl:rounded-tl-lg ltr:rounded-tr-lg bg-green-400;
 }
 .glorious-table.color-green > table > tbody > tr:nth-child(even) {
   @apply bg-green-50;

package/package.json

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