@merkaly/nuxt 0.4.0 → 0.4.1

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.4.0",
+  "version": "0.4.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -51,10 +51,7 @@ const module = defineNuxtModule({
     const bootstrapConfigPath = rootResolver.resolve("bootstrap.config.ts");
     logger.info(`Loading bootstrap.config.ts from: ${bootstrapConfigPath} (exists: ${existsSync(bootstrapConfigPath)})`);
     const jiti = createJiti(import.meta.url);
-    const BootstrapConfig = await jiti.import(bootstrapConfigPath).then((m) => m.default || {}).catch((err) => {
-      logger.error(`Failed to load bootstrap.config.ts:`, err.message);
-      return {};
-    });
+    const BootstrapConfig = await jiti.import(bootstrapConfigPath).then((m) => m.default || {}).catch(() => ({}));
     logger.info(`Bootstrap config keys: ${Object.keys(BootstrapConfig).join(", ") || "(empty)"}`);
     nuxt.options["bootstrapVueNext"] = defu(nuxt.options["bootstrapVueNext"] || {}, { plugin: { components: BootstrapConfig } });
     addPlugin({ src: moduleResolver.resolve("./runtime/plugins/api.global") });

package/dist/runtime/components/format/FormatMoney.d.vue.ts

@@ -61,10 +61,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     mode: keyof Intl.NumberFormatOptionsStyleRegistry;
     base: number;
     tag: string;
+    value: number;
     currency: string;
-    hideDecimal: boolean;
     locale: string;
-    value: number;
+    hideDecimal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/format/FormatMoney.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import { useMoney } from "../../composables/useMoney";
 const props = defineProps({
   base: { type: Number, default: 100 },
   currency: { type: String, default: () => "USD" },
@@ -9,24 +10,23 @@ const props = defineProps({
   tag: { type: String, default: "span" },
   value: { type: Number, default: 0 }
 });
-const price = computed(() => {
-  const price2 = props.value / props.base;
-  const money = price2.toLocaleString(props.locale, {
-    style: props.mode,
-    currency: props.currency
-  });
-  return {
-    currency: money[0],
-    value: money.slice(1, -3),
-    digits: money.slice(-3)
-  };
+const money = useMoney(() => props.value, {
+  base: () => props.base,
+  currency: () => props.currency,
+  locale: () => props.locale,
+  mode: () => props.mode
 });
+const price = computed(() => ({
+  currency: money.value[0],
+  amount: money.value.slice(1, -3),
+  digits: money.value.slice(-3)
+}));
 </script>
 
 <template>
   <component :is="tag" class="format-money">
     <span class="currency" v-text="price.currency" />
-    <span class="value" v-text="price.value" />
+    <span class="value" v-text="price.amount" />
     <sup v-if="!props.hideDecimal" class="digits" v-text="price.digits" />
   </component>
 </template>

package/dist/runtime/components/format/FormatMoney.vue.d.ts

@@ -61,10 +61,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     mode: keyof Intl.NumberFormatOptionsStyleRegistry;
     base: number;
     tag: string;
+    value: number;
     currency: string;
-    hideDecimal: boolean;
     locale: string;
-    value: number;
+    hideDecimal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -77,8 +77,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     min: number;
     max: number;
     prefix: string;
-    decimal: string;
     placeholder: string;
+    decimal: string;
     precision: number;
     suffix: string;
     thousands: string;

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

@@ -77,8 +77,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     min: number;
     max: number;
     prefix: string;
-    decimal: string;
     placeholder: string;
+    decimal: string;
     precision: number;
     suffix: string;
     thousands: string;

package/dist/runtime/composables/useMoney.d.ts

@@ -0,0 +1,7 @@
+import type { MaybeRefOrGetter } from 'vue';
+import type { FormatMoneyOptions } from '../utils/formatMoney.js';
+type UseMoneyOptions = {
+    [K in keyof FormatMoneyOptions]: MaybeRefOrGetter<FormatMoneyOptions[K]>;
+};
+export declare function useMoney(value: MaybeRefOrGetter<number>, options?: Partial<UseMoneyOptions>): import("vue").ComputedRef<string>;
+export {};

package/dist/runtime/composables/useMoney.js

@@ -0,0 +1,10 @@
+import { computed, toValue } from "vue";
+import { formatMoney } from "../utils/formatMoney.js";
+export function useMoney(value, options = {}) {
+  return computed(() => formatMoney(toValue(value), {
+    base: toValue(options.base),
+    currency: toValue(options.currency),
+    locale: toValue(options.locale),
+    mode: toValue(options.mode)
+  }));
+}

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

@@ -0,0 +1,7 @@
+export interface FormatMoneyOptions {
+    base?: number;
+    currency?: string;
+    locale?: string;
+    mode?: Intl.NumberFormatOptionsStyle;
+}
+export declare function formatMoney(value: number, options?: FormatMoneyOptions): string;

package/dist/runtime/utils/formatMoney.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkaly/nuxt",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/merkaly-io/nuxt.git"
@@ -45,12 +45,12 @@
     "@auth0/auth0-spa-js": "^2.15.0",
     "@bootstrap-vue-next/nuxt": "^0.43.0",
     "@nuxt/devtools": "^3.2.1",
-    "@nuxt/eslint": "1.13.0",
-    "@nuxt/eslint-config": "^1.13.0",
-    "@nuxt/fonts": "0.13.0",
+    "@nuxt/eslint": "1.15.1",
+    "@nuxt/eslint-config": "^1.15.1",
+    "@nuxt/fonts": "0.14.0",
     "@nuxt/image": "^2.0.0",
     "@nuxt/kit": "^4.3.0",
-    "@nuxtjs/plausible": "^2.0.1",
+    "@nuxtjs/plausible": "^3.0.1",
     "@types/node": "latest",
     "@types/vue-select": "^3.16.8",
     "@vueuse/components": "^14.2.0",
@@ -77,7 +77,7 @@
   "devDependencies": {
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.3.0",
-    "@nuxt/test-utils": "^3.23.0",
+    "@nuxt/test-utils": "^4.0.0",
     "changelogen": "^0.6.2",
     "eslint-plugin-storybook": "^10.1.11",
     "vitest": "^4.0.6",