@merkaly/nuxt 0.7.3 → 0.7.5

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.14.0"
   },
-  "version": "0.7.3",
+  "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/dist/runtime/composables/useValidator.js

@@ -21,14 +21,17 @@ function extractConstraints(constructor) {
   return constraints;
 }
 function applyErrors(result, errors, state) {
-  for (const key of Object.keys(errors)) {
-    errors[key] = "";
-    state[key] = true;
-  }
+  const failures = /* @__PURE__ */ new Map();
   for (const error of result) {
     const messages = error.constraints ? Object.values(error.constraints) : [];
-    errors[error.property] = messages[0] || "Invalid";
-    state[error.property] = false;
+    failures.set(error.property, messages[0] || "Invalid");
+  }
+  const keys = /* @__PURE__ */ new Set([...Object.keys(errors), ...failures.keys()]);
+  for (const key of keys) {
+    const message = failures.get(key) ?? "";
+    const isValid = !failures.has(key);
+    if (errors[key] !== message) errors[key] = message;
+    if (state[key] !== isValid) state[key] = isValid;
   }
 }
 function mergeAttrs(constraints, state) {

package/dist/runtime/utils/formatMoney.d.ts

@@ -3,5 +3,17 @@ export interface FormatMoneyOptions {
     currency?: string;
     locale?: string;
     mode?: Intl.NumberFormatOptionsStyle;
+    notation?: Intl.NumberFormatOptions['notation'];
+    maximumFractionDigits?: number;
 }
+/**
+ * Formats a monetary value held as an **integer in the minor unit (cents)**.
+ *
+ * Across Merkaly money is stored and transported as integer cents ($1.00 -> 100),
+ * so this helper divides by `base` (default 100) before formatting. Pass cents in,
+ * get a currency string out: `formatMoney(100)` -> `"$1.00"`.
+ *
+ * For non-currency numbers (counts, units, percentages) use `formatNumber` /
+ * `MKFormatNumber` instead — those do NOT divide and would show the raw cents.
+ */
 export declare function formatMoney(value: number, options?: FormatMoneyOptions): string;

package/dist/runtime/utils/formatMoney.js

@@ -1,6 +1,8 @@
 export function formatMoney(value, options = {}) {
   return (value / (options.base ?? 100)).toLocaleString(options.locale ?? "en-US", {
     style: options.mode ?? "currency",
-    currency: options.currency ?? "USD"
+    currency: options.currency ?? "USD",
+    notation: options.notation,
+    maximumFractionDigits: options.maximumFractionDigits
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkaly/nuxt",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/merkaly-io/nuxt.git"
@@ -56,7 +56,7 @@
     "notivue": "^2.4.5",
     "nuxt": "^4.4.8",
     "reflect-metadata": "^0.2.2",
-    "sass": "^1.100.0",
+    "sass": "^1.101.0",
     "typescript": "~5.9.3",
     "v-money3": "^3.26.1",
     "vite-svg-loader": "^5.1.1",