@merkaly/nuxt 0.6.0 → 0.6.4

package/dist/module.d.mts

@@ -3,6 +3,12 @@ import { ClientAuthorizationParams } from '@auth0/auth0-spa-js';
 export { AdapterArgs, AdapterOptions } from '../dist/runtime/utils/withAdapter.js';
 export { ApiOptions, HooksOptions, ParamsOptions, RefOptions } from '../dist/runtime/plugins/api.global.js';
 
+interface MerkalyI18nLocale {
+    code: string;
+    file: string;
+    language: string;
+    name: string;
+}
 interface MerkalyModuleOptions {
     api: {
         url: string;
@@ -17,6 +23,10 @@ interface MerkalyModuleOptions {
         params?: Omit<ClientAuthorizationParams, 'redirect_uri'>;
         requiresAuth: boolean;
     };
+    i18n?: {
+        defaultLocale: string;
+        locales: MerkalyI18nLocale[];
+    };
     plausible?: {
         domain: string;
         localhost: string;
@@ -30,4 +40,4 @@ interface MerkalyModuleOptions {
 declare const _default: _nuxt_schema.NuxtModule<MerkalyModuleOptions, MerkalyModuleOptions, false>;
 
 export { _default as default };
-export type { MerkalyModuleOptions };
+export type { MerkalyI18nLocale, MerkalyModuleOptions };

package/dist/module.json

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

package/dist/module.mjs

@@ -1,7 +1,8 @@
-import { defineNuxtModule, useLogger, createResolver, addPlugin, addServerHandler, addRouteMiddleware, addImportsDir, addComponentsDir, addTypeTemplate } from '@nuxt/kit';
+import { defineNuxtModule, useLogger, createResolver, addPlugin, addServerHandler, addRouteMiddleware, addImportsDir, addComponentsDir, addTypeTemplate, addTemplate } from '@nuxt/kit';
 import { defu } from 'defu';
 import { createJiti } from 'jiti';
-import { existsSync } from 'node:fs';
+import { existsSync, mkdirSync, writeFileSync } from 'node:fs';
+import { resolve, dirname } from 'node:path';
 import svgLoader from 'vite-svg-loader';
 import 'reflect-metadata';
 
@@ -19,6 +20,10 @@ const defaultOptions = {
     params: {},
     requiresAuth: false
   },
+  i18n: {
+    defaultLocale: "en-US",
+    locales: []
+  },
   plausible: {
     domain: "",
     localhost: ""
@@ -32,14 +37,55 @@ const defaultOptions = {
 function hasPlausibleConfig(options) {
   return Boolean(options.plausible?.domain);
 }
-function buildModuleDependencies(options) {
+function configureI18n(nuxt, options) {
+  if (!options.i18n?.defaultLocale || options.i18n.locales.length === 0) return {};
+  const writeTemplate = (filename, contents) => {
+    const template = addTemplate({
+      filename,
+      getContents: () => contents,
+      write: true
+    });
+    mkdirSync(dirname(template.dst), { recursive: true });
+    writeFileSync(template.dst, contents);
+    return template.dst;
+  };
+  nuxt.options.alias["i18n"] = resolve(nuxt.options.buildDir, "i18n");
+  const vueI18n = writeTemplate(
+    "i18n/config.mjs",
+    `export default defineI18nConfig(() => (${JSON.stringify({
+      fallbackLocale: options.i18n.defaultLocale,
+      legacy: false,
+      locale: options.i18n.defaultLocale
+    }, null, 2)}))
+`
+  );
+  nuxt.hook("i18n:registerModule", (register) => register({
+    langDir: nuxt.options.rootDir,
+    locales: options.i18n.locales.map((locale) => ({
+      code: locale.code,
+      file: locale.file,
+      language: locale.language,
+      name: locale.name
+    }))
+  }));
+  return {
+    defaultLocale: options.i18n.defaultLocale,
+    detectBrowserLanguage: { useCookie: true },
+    restructureDir: ".",
+    strategy: "no_prefix",
+    vueI18n
+  };
+}
+function buildModuleDependencies(nuxt, options) {
   const dependencies = {
     "@bootstrap-vue-next/nuxt": {},
     "@nuxt/eslint": {},
     "@nuxt/fonts": {},
     "@nuxt/image": {},
+    "@nuxtjs/i18n": { overrides: configureI18n(nuxt, options) },
     "@sentry/nuxt/module": {},
-    "@vueuse/nuxt": {}
+    "@vueuse/nuxt": {},
+    "notivue/nuxt": {}
   };
   if (hasPlausibleConfig(options)) {
     dependencies["@nuxtjs/plausible"] = {};
@@ -64,6 +110,7 @@ function configurePlausible(nuxt, options) {
       enabled: process.env.NODE_ENV === "production" && hasPlausibleConfig(options),
       ignoredHostnames: ["localhost", options.plausible?.localhost].filter(Boolean)
     },
+    // @ts-expect-error plausible not defined
     nuxt.options.plausible || {}
   );
 }
@@ -75,32 +122,40 @@ function configureSentry(nuxt, options) {
   });
   nuxt.options.sourcemap = { client: "hidden", server: true };
 }
-async function loadBootstrapConfig(nuxt) {
-  const rootDirResolver = createResolver(nuxt.options.rootDir);
-  const bootstrapConfigPath = rootDirResolver.resolve("bootstrap.config.ts");
-  if (!existsSync(bootstrapConfigPath)) {
-    return {};
-  }
-  const jiti = createJiti(import.meta.url);
-  const imported = await jiti.import(bootstrapConfigPath).catch(() => ({}));
-  return imported.default || {};
-}
 function configureBootstrapVueNext(nuxt, components) {
   nuxt.options.bootstrapVueNext = defu(
     nuxt.options.bootstrapVueNext || {},
-    {
-      plugin: {
-        components
-      }
-    }
+    { plugin: { components } }
   );
 }
+function configureNotiVue(nuxt) {
+  nuxt.options.css.push("notivue/notification.css");
+  nuxt.options.css.push("notivue/animations.css");
+  nuxt.options.css.push("notivue/notification-progress.css");
+  nuxt.options.notivue = {
+    centerOnMobile: true,
+    clearOnSwipe: true,
+    enqueue: true,
+    fullWidth: false,
+    limit: 3,
+    pauseOnHover: true,
+    position: "top-right"
+  };
+}
 function configureAppHead(nuxt) {
   nuxt.options.app?.head?.script?.push({
     crossorigin: "anonymous",
     src: "https://kit.fontawesome.com/55a4b2f4e1.js"
   });
 }
+function configureVite(nuxt) {
+  nuxt.options.vite = defu(
+    nuxt.options.vite || {},
+    {
+      plugins: [svgLoader()]
+    }
+  );
+}
 function registerRuntimeFeatures(nuxt, options, resolver) {
   addPlugin({ src: resolver.resolve("./runtime/plugins/api.global") });
   addPlugin({ src: resolver.resolve("./runtime/plugins/auth0.client") });
@@ -126,13 +181,15 @@ function registerRuntimeFeatures(nuxt, options, resolver) {
     src: resolver.resolve("./runtime/types/nuxt.d.ts")
   });
 }
-function configureVite(nuxt) {
-  nuxt.options.vite = defu(
-    nuxt.options.vite || {},
-    {
-      plugins: [svgLoader()]
-    }
-  );
+async function loadBootstrapConfig(nuxt) {
+  const rootDirResolver = createResolver(nuxt.options.rootDir);
+  const bootstrapConfigPath = rootDirResolver.resolve("bootstrap.config.ts");
+  if (!existsSync(bootstrapConfigPath)) {
+    return {};
+  }
+  const jiti = createJiti(import.meta.url);
+  const imported = await jiti.import(bootstrapConfigPath).catch(() => ({}));
+  return imported.default || {};
 }
 const module = defineNuxtModule({
   defaults: defaultOptions,
@@ -146,17 +203,18 @@ const module = defineNuxtModule({
       nuxt.options.merkaly || {},
       defaultOptions
     );
-    return buildModuleDependencies(options);
+    return buildModuleDependencies(nuxt, options);
   },
   async setup(options, nuxt) {
     const logger = useLogger("@merkaly/nuxt");
     const resolver = createResolver(import.meta.url);
+    configureNotiVue(nuxt);
     configureRuntimeConfig(nuxt, options);
     configurePlausible(nuxt, options);
     configureSentry(nuxt, options);
     const bootstrapComponentsConfig = await loadBootstrapConfig(nuxt);
     if (Object.keys(bootstrapComponentsConfig).length > 0) {
-      logger.info("Loading bootstrap.config.ts");
+      logger.success("Loading bootstrap.config.ts");
     }
     configureBootstrapVueNext(nuxt, bootstrapComponentsConfig);
     configureAppHead(nuxt);

package/dist/runtime/components/app.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {}, __VLS_9: {};
+declare var __VLS_24: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_7) => any;
+    loading?: (props: typeof __VLS_24) => any;
 } & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app.vue

@@ -4,6 +4,7 @@ import { useAuth, watchOnce, addRouteMiddleware, useNuxtApp } from "#imports";
 import AuthMiddleware from "../middleware/auth";
 import { useNavigation } from "../composables/useNavigation";
 import { useColorMode } from "@vueuse/core";
+import { Notivue, NotificationProgress, Notification, pastelTheme } from "notivue";
 const $route = useRoute();
 const { isLoading } = useAuth();
 const { hook } = useNuxtApp();
@@ -16,6 +17,12 @@ hook("page:finish", () => regenerate());
 
 <template>
   <main>
+    <Notivue v-slot="item">
+      <Notification :item="item" :theme="pastelTheme" title>
+        <NotificationProgress :item="item" />
+      </Notification>
+    </Notivue>
+
     <BApp>
       <!-- Mostramos spinner mientras auth se carga -->
       <slot v-if="isLoading" name="loading" />

package/dist/runtime/components/app.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {}, __VLS_9: {};
+declare var __VLS_24: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_7) => any;
+    loading?: (props: typeof __VLS_24) => any;
 } & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     date: {
-        type: (StringConstructor | DateConstructor)[];
+        type: (DateConstructor | StringConstructor)[];
         default: () => Date;
     };
     format: {
@@ -10,7 +10,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     date: {
-        type: (StringConstructor | DateConstructor)[];
+        type: (DateConstructor | StringConstructor)[];
         default: () => Date;
     };
     format: {

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

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     date: {
-        type: (StringConstructor | DateConstructor)[];
+        type: (DateConstructor | StringConstructor)[];
         default: () => Date;
     };
     format: {
@@ -10,7 +10,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     date: {
-        type: (StringConstructor | DateConstructor)[];
+        type: (DateConstructor | StringConstructor)[];
         default: () => Date;
     };
     format: {

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

@@ -1,6 +1,14 @@
-import type { ColorVariant } from 'bootstrap-vue-next';
+import type { ColorVariant, AlignmentVertical, AlignmentHorizontal } from 'bootstrap-vue-next';
 import type { PropType } from 'vue';
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    alignH: {
+        type: PropType<AlignmentHorizontal>;
+        default: () => string;
+    };
+    alignV: {
+        type: PropType<AlignmentVertical>;
+        default: () => string;
+    };
     mode: {
         type: StringConstructor;
         default: string;
@@ -10,7 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: true;
     };
     opacity: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: () => string;
     };
     provider: {
@@ -21,6 +29,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    rotate: {
+        type: PropType<"90" | 90 | "180" | 180 | "270" | 270>;
+        default: undefined;
+    };
     size: {
         type: StringConstructor;
         default: () => string;
@@ -42,6 +54,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    alignH: {
+        type: PropType<AlignmentHorizontal>;
+        default: () => string;
+    };
+    alignV: {
+        type: PropType<AlignmentVertical>;
+        default: () => string;
+    };
     mode: {
         type: StringConstructor;
         default: string;
@@ -51,7 +71,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: true;
     };
     opacity: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: () => string;
     };
     provider: {
@@ -62,6 +82,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    rotate: {
+        type: PropType<"90" | 90 | "180" | 180 | "270" | 270>;
+        default: undefined;
+    };
     size: {
         type: StringConstructor;
         default: () => string;
@@ -86,9 +110,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     text: string;
     mode: string;
     size: string;
-    tag: string;
-    variant: string;
+    rotate: "90" | 90 | "180" | 180 | "270" | 270;
     opacity: string | number;
+    variant: string;
+    tag: string;
+    alignH: AlignmentHorizontal;
+    alignV: AlignmentVertical;
     provider: string;
     reversed: boolean;
     spin: boolean;

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

@@ -1,11 +1,14 @@
 <script setup>
 import { computed } from "vue";
 const props = defineProps({
-  mode: { type: String, default: "duotone" },
+  alignH: { type: String, default: () => "start" },
+  alignV: { type: String, default: () => "center" },
+  mode: { type: String, default: "regular" },
   name: { type: String, required: true },
   opacity: { type: [String, Number], default: () => "" },
   provider: { type: String, default: "fa" },
   reversed: { type: Boolean, default: false },
+  rotate: { type: [Number, String], default: void 0 },
   size: { type: String, default: () => "" },
   spin: { type: Boolean, default: false },
   tag: { type: String, default: () => "i" },
@@ -18,27 +21,39 @@ const iconName = computed(() => `${props.provider}-${props.name}`);
 const iconMode = computed(() => `${props.provider}-${props.mode}`);
 const animateSpin = computed(() => props.spin ? `${props.provider}-spin` : void 0);
 const iconOpacity = computed(() => props.opacity ? `opacity-${props.opacity}` : void 0);
+const iconRotate = computed(() => props.rotate ? `fa-rotate-${props.rotate}` : void 0);
 const fontSize = computed(() => props.size ? `fs-${props.size}` : void 0);
 const fontColor = computed(() => props.variant ? `text-${props.variant}` : void 0);
 const classList = computed(() => [
   iconName.value,
   iconMode.value,
+  iconRotate.value,
   animateSpin.value,
   iconOpacity.value,
   fontSize.value,
   fontColor.value
 ].filter(Boolean));
+const wrapperClass = computed(() => [
+  "d-flex",
+  `justify-content-${props.alignH}`,
+  `align-items-${props.alignV}`,
+  { "flex-row-reverse": props.reversed }
+]);
+defineOptions({
+  inheritAttrs: false
+});
 </script>
 
 <template>
   <template v-if="hasContent">
-    <span :class="{ 'flex-row-reverse': props.reversed }" class="d-flex align-items-center">
-      <component :is="props.tag" :class="classList" />
+    <span :class="wrapperClass">
+      <component :is="props.tag" :class="classList" v-bind="$attrs" />
+
       <slot>
-        <span :class="fontColor" class="ps-1" v-text="props.text" />
+        <span :class="[fontColor, `${props.reversed ? 'pe-1' : 'ps-1'}`]" v-text="props.text" />
       </slot>
     </span>
   </template>
 
-  <component :is="props.tag" v-else :class="classList" />
+  <component :is="props.tag" v-else :class="classList" v-bind="$attrs" />
 </template>

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

@@ -1,6 +1,14 @@
-import type { ColorVariant } from 'bootstrap-vue-next';
+import type { ColorVariant, AlignmentVertical, AlignmentHorizontal } from 'bootstrap-vue-next';
 import type { PropType } from 'vue';
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    alignH: {
+        type: PropType<AlignmentHorizontal>;
+        default: () => string;
+    };
+    alignV: {
+        type: PropType<AlignmentVertical>;
+        default: () => string;
+    };
     mode: {
         type: StringConstructor;
         default: string;
@@ -10,7 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: true;
     };
     opacity: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: () => string;
     };
     provider: {
@@ -21,6 +29,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    rotate: {
+        type: PropType<"90" | 90 | "180" | 180 | "270" | 270>;
+        default: undefined;
+    };
     size: {
         type: StringConstructor;
         default: () => string;
@@ -42,6 +54,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    alignH: {
+        type: PropType<AlignmentHorizontal>;
+        default: () => string;
+    };
+    alignV: {
+        type: PropType<AlignmentVertical>;
+        default: () => string;
+    };
     mode: {
         type: StringConstructor;
         default: string;
@@ -51,7 +71,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: true;
     };
     opacity: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: () => string;
     };
     provider: {
@@ -62,6 +82,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    rotate: {
+        type: PropType<"90" | 90 | "180" | 180 | "270" | 270>;
+        default: undefined;
+    };
     size: {
         type: StringConstructor;
         default: () => string;
@@ -86,9 +110,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     text: string;
     mode: string;
     size: string;
-    tag: string;
-    variant: string;
+    rotate: "90" | 90 | "180" | 180 | "270" | 270;
     opacity: string | number;
+    variant: string;
+    tag: string;
+    alignH: AlignmentHorizontal;
+    alignV: AlignmentVertical;
     provider: string;
     reversed: boolean;
     spin: boolean;

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;
+    value: number;
     currency: string;
     base: number;
-    locale: string;
-    value: number;
     tag: string;
     hideDecimal: boolean;
+    locale: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,6 +1,6 @@
 <script setup>
 import { computed } from "vue";
-import { useMoney } from "../../composables/useMoney";
+import { formatMoney } from "../../utils/formatMoney";
 const props = defineProps({
   base: { type: Number, default: 100 },
   currency: { type: String, default: () => "USD" },
@@ -10,12 +10,12 @@ const props = defineProps({
   tag: { type: String, default: "span" },
   value: { type: Number, default: 0 }
 });
-const money = useMoney(() => props.value, {
-  base: () => props.base,
-  currency: () => props.currency,
-  locale: () => props.locale,
-  mode: () => props.mode
-});
+const money = computed(() => formatMoney(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),

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;
+    value: number;
     currency: string;
     base: number;
-    locale: string;
-    value: number;
     tag: string;
     hideDecimal: boolean;
+    locale: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,52 @@
+import type { PropType } from 'vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    currency: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: PropType<Intl.NumberFormatOptions["style"]>;
+        default: undefined;
+    };
+    maxFractionDigits: {
+        type: PropType<Intl.NumberFormatOptions["maximumFractionDigits"]>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    currency: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: PropType<Intl.NumberFormatOptions["style"]>;
+        default: undefined;
+    };
+    maxFractionDigits: {
+        type: PropType<Intl.NumberFormatOptions["maximumFractionDigits"]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    type: keyof Intl.NumberFormatOptionsStyleRegistry | undefined;
+    value: number;
+    currency: string;
+    tag: string;
+    maxFractionDigits: number | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;