@merkaly/nuxt 0.4.0 → 0.4.2

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.4.0",
+  "version": "0.4.2",
   "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/auth.vue

@@ -24,18 +24,10 @@ function handleCode() {
   return void $auth0.handleRedirectCallback().then(() => emit("success"));
 }
 callOnce(async () => {
-  if (invitation && organization) {
-    return handleInvite();
-  }
-  if (error) {
-    return handleError();
-  }
-  if (code) {
-    return handleCode();
-  }
-  return $auth0.loginWithRedirect({
-    appState: { target: redirect || "/" }
-  });
+  if (error) return handleError();
+  if (code) return handleCode();
+  if (invitation && organization) return handleInvite();
+  return $auth0.loginWithRedirect({ appState: { target: redirect || "/" } });
 });
 </script>
 

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

@@ -59,12 +59,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>> & Readonly<{}>, {
     mode: keyof Intl.NumberFormatOptionsStyleRegistry;
-    base: number;
-    tag: string;
     currency: string;
-    hideDecimal: boolean;
+    base: number;
     locale: string;
     value: number;
+    tag: string;
+    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

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

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/InputMoney.d.vue.ts

@@ -74,10 +74,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: Numberish) => any) | undefined;
 }>, {
+    decimal: string;
     min: number;
     max: number;
     prefix: string;
-    decimal: string;
     placeholder: string;
     precision: number;
     suffix: string;

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

@@ -74,10 +74,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: Numberish) => any) | undefined;
 }>, {
+    decimal: string;
     min: number;
     max: number;
     prefix: string;
-    decimal: string;
     placeholder: string;
     precision: number;
     suffix: 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/middleware/auth.js

@@ -3,10 +3,11 @@ import { useAuth } from "../composables/useAuth.js";
 export default defineNuxtRouteMiddleware((to) => {
   const { isLoading, isAuthenticated } = useAuth();
   const { public: { merkaly } } = useRuntimeConfig();
+  const callbackPath = URL.canParse(merkaly.auth0.callbackUrl) ? new URL(merkaly.auth0.callbackUrl).pathname : merkaly.auth0.callbackUrl;
   if (isLoading.value) {
     return;
   }
-  if (to.path === merkaly.auth0.callbackUrl) {
+  if (to.path === callbackPath) {
     return;
   }
   const requiresAuth = typeof to.meta.requiresAuth === "boolean" ? to.meta.requiresAuth : merkaly.auth0.requiresAuth;

package/dist/runtime/plugins/auth0.client.js

@@ -5,6 +5,7 @@ import { defu } from "defu";
 import { useAuth } from "../composables/useAuth.js";
 export default defineNuxtPlugin(async ({ callHook, hook }) => {
   const { public: $config } = useRuntimeConfig();
+  const callbackPath = URL.canParse($config.merkaly.auth0.callbackUrl) ? new URL($config.merkaly.auth0.callbackUrl).pathname : $config.merkaly.auth0.callbackUrl;
   const auth0 = await createAuth0Client({
     cacheLocation: "localstorage",
     clientId: $config.merkaly.auth0.client,
@@ -51,7 +52,7 @@ export default defineNuxtPlugin(async ({ callHook, hook }) => {
       return $api("/identities", { method: "POST", prefix: "/", body });
     });
   };
-  const isAuthCallback = window.location.pathname === $config.merkaly.auth0.callbackUrl;
+  const isAuthCallback = window.location.pathname === callbackPath;
   if (!isAuthCallback) {
     await Promise.allSettled([auth0.getUser(), auth0.getTokenSilently()]).then(() => hook("app:created", () => callHook("merkaly:auth", user.value))).catch(() => void 0);
   }

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.2",
   "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",