@merkaly/nuxt 0.7.4 → 0.7.5

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.14.0"
   },
-  "version": "0.7.4",
+  "version": "0.7.5",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/input/InputAddress.d.vue.ts

@@ -81,8 +81,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     mode: PlaceTypes;
     disabled: boolean;
-    placeholder: string;
     countries: string[];
+    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/InputAddress.vue.d.ts

@@ -81,8 +81,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     mode: PlaceTypes;
     disabled: boolean;
-    placeholder: string;
     countries: string[];
+    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/InputSelect.d.vue.ts

@@ -83,6 +83,8 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
             text: string;
             selectedOption: boolean;
         }) => any;
+    } & {
+        'no-options'?: (props: any) => any;
     };
     emit: ((e: "request:selected" | "search", v: string) => unknown) & ((event: "update:modelValue", value: any) => void);
 }>) => import("vue").VNode & {

package/dist/runtime/components/input/InputSelect.vue

@@ -120,10 +120,12 @@ const isRequired = computed(() => {
       <BSpinner v-if="isLoading" class="spinner" variant="primary" />
     </template>
 
-    <template #no-options="{ search, searching, loading: isLoading }">
-      <span v-if="isLoading">Searching for "{{ search }}"</span>
-      <span v-else-if="searching">No results for "{{ search }}"</span>
-      <span v-else>Type to search</span>
+    <template #no-options="scope">
+      <slot name="no-options" v-bind="scope">
+        <span v-if="scope.loading">Searching for "{{ scope.search }}"</span>
+        <span v-else-if="scope.searching">No results for "{{ scope.search }}"</span>
+        <span v-else>Type to search</span>
+      </slot>
     </template>
 
     <template #open-indicator="{ attributes }">

package/dist/runtime/components/input/InputSelect.vue.d.ts

@@ -83,6 +83,8 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
             text: string;
             selectedOption: boolean;
         }) => any;
+    } & {
+        'no-options'?: (props: any) => any;
     };
     emit: ((e: "request:selected" | "search", v: string) => unknown) & ((event: "update:modelValue", value: any) => void);
 }>) => import("vue").VNode & {

package/dist/runtime/components/table/TableDatagrid.d.vue.ts

@@ -5,7 +5,7 @@ declare const __VLS_export: <G>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     } & import("vue").ExtractPublicPropTypes<{
         emptyText: {
             type: StringConstructor;
-            default: () => string;
+            default: undefined;
         };
         hideHeader: {
             type: BooleanConstructor;

package/dist/runtime/components/table/TableDatagrid.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { sentenceCase } from "change-case";
 import { computed, getCurrentInstance, useSlots } from "vue";
+import { useI18n } from "vue-i18n";
 import DropdownIcon from "../dropdown/DropdownIcon.vue";
 import FormatIcon from "../format/FormatIcon.vue";
 import FormatText from "../format/FormatText.vue";
@@ -8,13 +9,14 @@ import InputSearch from "../input/InputSearch.vue";
 const emit = defineEmits(["fetch", "toggle:item"]);
 const slots = useSlots();
 const props = defineProps({
-  emptyText: { type: String, default: () => "No items found" },
+  emptyText: { type: String, default: void 0 },
   hideHeader: { type: Boolean, default: false },
   hideFooter: { type: Boolean, default: false },
   hidePagination: { type: Boolean, default: false },
   hideSelect: { type: Boolean, default: false }
 });
 const $datagrid = defineModel({ type: Object, ...{ type: Object, required: true } });
+const { t } = useI18n({ useScope: "local" });
 const instance = getCurrentInstance();
 const canFetch = Boolean(instance?.vnode?.props?.onFetch);
 const canFilter = Boolean(slots.filters);
@@ -39,7 +41,7 @@ const paginationText = computed(() => {
   }
   const end = Math.min(page * limit, total);
   return {
-    template: "Showing :current: to :final: of :total: items",
+    template: t("pagination"),
     values: {
       current: start,
       final: end,
@@ -216,7 +218,7 @@ function getRowAttrs(item, idx) {
       <BTbody v-if="!visibleItems.length">
         <BTd :colspan="tableColspan">
           <slot name="empty">
-            <div class="text-center text-muted" v-text="props.emptyText" />
+            <div class="text-center text-muted" v-text="props.emptyText ?? t('empty')" />
           </slot>
         </BTd>
       </BTbody>
@@ -249,7 +251,7 @@ function getRowAttrs(item, idx) {
             </template>
 
             <BTd v-if="hasActionsSlot" class="text-end px-3">
-              <DropdownIcon icon="caret-down" text="Actions" toggle-class="py-1 px-3" variant="light-dark">
+              <DropdownIcon icon="caret-down" :text="t('actions')" toggle-class="py-1 px-3" variant="light-dark">
                 <slot :index="idx" :item="item" name="actions" />
               </DropdownIcon>
             </BTd>
@@ -327,3 +329,18 @@ thead:before {
   background: rgb(var(--bs-primary-rgb), 0.05);
 }
 </style>
+
+<i18n lang="json">
+{
+  "en": {
+    "empty": "No items found",
+    "actions": "Actions",
+    "pagination": "Showing :current: to :final: of :total: items"
+  },
+  "pt": {
+    "empty": "Nenhum item encontrado",
+    "actions": "Ações",
+    "pagination": "Mostrando :current: a :final: de :total: itens"
+  }
+}
+</i18n>

package/dist/runtime/components/table/TableDatagrid.vue.d.ts

@@ -5,7 +5,7 @@ declare const __VLS_export: <G>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     } & import("vue").ExtractPublicPropTypes<{
         emptyText: {
             type: StringConstructor;
-            default: () => string;
+            default: undefined;
         };
         hideHeader: {
             type: BooleanConstructor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkaly/nuxt",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/merkaly-io/nuxt.git"