@i18n-micro/vue 1.3.12 → 1.4.4

package/dist/index.d.cts

@@ -21,7 +21,6 @@ import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
-import { Router } from 'vue-router';
 import { TranslationKey } from '@i18n-micro/types';
 import { Translations } from '@i18n-micro/types';
 import { TranslationStorage } from '@i18n-micro/core';
@@ -46,13 +45,6 @@ declare interface CreateI18nOptions extends VueI18nOptions {
     defaultLocale?: string;
 }
 
-/**
- * Factory for Vue Router adapter
- * Implements routing utilities for Vue Router
- * Uses vue-router APIs for navigation and path resolution
- */
-export declare function createVueRouterAdapter(router: Router, locales: Locale[], defaultLocale: string): I18nRoutingStrategy;
-
 export { defaultPlural }
 
 export { FormatService }
@@ -70,53 +62,53 @@ declare interface I18nGroupProps {
 
 export declare const I18nInjectionKey: InjectionKey<VueI18n>;
 
-export declare const I18nLink: DefineComponent<ExtractPropTypes<    {
-to: {
-type: PropType<string | {
-path?: string;
-}>;
-required: true;
-};
-activeStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-localeRoute: {
-type: PropType<(to: string | {
-path?: string;
-}, locale?: string) => string | {
-path?: string;
-}>;
-default: undefined;
-};
+export declare const I18nLink: DefineComponent<ExtractPropTypes<{
+    to: {
+        type: PropType<string | {
+            path?: string;
+        }>;
+        required: true;
+    };
+    activeStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    localeRoute: {
+        type: PropType<(to: string | {
+            path?: string;
+        }, locale?: string) => string | {
+            path?: string;
+        }>;
+        default: undefined;
+    };
 }>, () => VNode<RendererNode, RendererElement, {
-[key: string]: any;
-}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-to: {
-type: PropType<string | {
-path?: string;
-}>;
-required: true;
-};
-activeStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-localeRoute: {
-type: PropType<(to: string | {
-path?: string;
-}, locale?: string) => string | {
-path?: string;
-}>;
-default: undefined;
-};
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    to: {
+        type: PropType<string | {
+            path?: string;
+        }>;
+        required: true;
+    };
+    activeStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    localeRoute: {
+        type: PropType<(to: string | {
+            path?: string;
+        }, locale?: string) => string | {
+            path?: string;
+        }>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
-activeStyle: CSSProperties;
-localeRoute: (to: string | {
-path?: string;
-}, locale?: string) => string | {
-path?: string;
-};
+    activeStyle: CSSProperties;
+    localeRoute: (to: string | {
+        path?: string;
+    }, locale?: string) => string | {
+        path?: string;
+    };
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const I18nLocalesKey: InjectionKey<Locale[]>;
@@ -169,256 +161,256 @@ export declare interface I18nRoutingStrategy {
     };
 }
 
-export declare const I18nSwitcher: DefineComponent<ExtractPropTypes<    {
-customLabels: {
-type: PropType<Record<string, string>>;
-default: () => {};
-};
-customWrapperStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customButtonStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customDropdownStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customItemStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customLinkStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customActiveLinkStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-/**
-* Inline style applied to the switcher button when the *current* locale is
-* marked as `disabled: true` in the locale config.
-*
-* Note: disabled locales are omitted from the dropdown list, but the current
-* locale label is still shown on the button.
-*/
-customDisabledLinkStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customIconStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-locales: {
-type: PropType<Locale[]>;
-default: undefined;
-};
-currentLocale: {
-type: PropType<string | (() => string)>;
-default: undefined;
-};
-getLocaleName: {
-type: PropType<() => string | null>;
-default: undefined;
-};
-switchLocale: {
-type: PropType<(locale: string) => void>;
-default: undefined;
-};
-localeRoute: {
-type: PropType<(to: string | {
-path?: string;
-}, locale?: string) => string | {
-path?: string;
-}>;
-default: undefined;
-};
-}>, () => VNode<RendererNode, RendererElement, {
-[key: string]: any;
-}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-customLabels: {
-type: PropType<Record<string, string>>;
-default: () => {};
-};
-customWrapperStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customButtonStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customDropdownStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customItemStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customLinkStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customActiveLinkStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-/**
-* Inline style applied to the switcher button when the *current* locale is
-* marked as `disabled: true` in the locale config.
-*
-* Note: disabled locales are omitted from the dropdown list, but the current
-* locale label is still shown on the button.
-*/
-customDisabledLinkStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-customIconStyle: {
-type: PropType<CSSProperties>;
-default: () => {};
-};
-locales: {
-type: PropType<Locale[]>;
-default: undefined;
-};
-currentLocale: {
-type: PropType<string | (() => string)>;
-default: undefined;
-};
-getLocaleName: {
-type: PropType<() => string | null>;
-default: undefined;
-};
-switchLocale: {
-type: PropType<(locale: string) => void>;
-default: undefined;
-};
-localeRoute: {
-type: PropType<(to: string | {
-path?: string;
-}, locale?: string) => string | {
-path?: string;
-}>;
-default: undefined;
-};
+export declare const I18nSwitcher: DefineComponent<ExtractPropTypes<{
+    customLabels: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    customWrapperStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customButtonStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customDropdownStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customItemStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customLinkStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customActiveLinkStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    /**
+     * Inline style applied to the switcher button when the *current* locale is
+     * marked as `disabled: true` in the locale config.
+     *
+     * Note: disabled locales are omitted from the dropdown list, but the current
+     * locale label is still shown on the button.
+     */
+    customDisabledLinkStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customIconStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    locales: {
+        type: PropType<Locale[]>;
+        default: undefined;
+    };
+    currentLocale: {
+        type: PropType<string | (() => string)>;
+        default: undefined;
+    };
+    getLocaleName: {
+        type: PropType<() => string | null>;
+        default: undefined;
+    };
+    switchLocale: {
+        type: PropType<(locale: string) => void>;
+        default: undefined;
+    };
+    localeRoute: {
+        type: PropType<(to: string | {
+            path?: string;
+        }, locale?: string) => string | {
+            path?: string;
+        }>;
+        default: undefined;
+    };
+}>, () => VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    customLabels: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+    customWrapperStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customButtonStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customDropdownStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customItemStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customLinkStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customActiveLinkStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    /**
+     * Inline style applied to the switcher button when the *current* locale is
+     * marked as `disabled: true` in the locale config.
+     *
+     * Note: disabled locales are omitted from the dropdown list, but the current
+     * locale label is still shown on the button.
+     */
+    customDisabledLinkStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customIconStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    locales: {
+        type: PropType<Locale[]>;
+        default: undefined;
+    };
+    currentLocale: {
+        type: PropType<string | (() => string)>;
+        default: undefined;
+    };
+    getLocaleName: {
+        type: PropType<() => string | null>;
+        default: undefined;
+    };
+    switchLocale: {
+        type: PropType<(locale: string) => void>;
+        default: undefined;
+    };
+    localeRoute: {
+        type: PropType<(to: string | {
+            path?: string;
+        }, locale?: string) => string | {
+            path?: string;
+        }>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
-localeRoute: (to: string | {
-path?: string;
-}, locale?: string) => string | {
-path?: string;
-};
-customLabels: Record<string, string>;
-customWrapperStyle: CSSProperties;
-customButtonStyle: CSSProperties;
-customDropdownStyle: CSSProperties;
-customItemStyle: CSSProperties;
-customLinkStyle: CSSProperties;
-customActiveLinkStyle: CSSProperties;
-customDisabledLinkStyle: CSSProperties;
-customIconStyle: CSSProperties;
-locales: Locale[];
-currentLocale: string | (() => string);
-getLocaleName: () => string | null;
-switchLocale: (locale: string) => void;
+    localeRoute: (to: string | {
+        path?: string;
+    }, locale?: string) => string | {
+        path?: string;
+    };
+    customLabels: Record<string, string>;
+    customWrapperStyle: CSSProperties;
+    customButtonStyle: CSSProperties;
+    customDropdownStyle: CSSProperties;
+    customItemStyle: CSSProperties;
+    customLinkStyle: CSSProperties;
+    customActiveLinkStyle: CSSProperties;
+    customDisabledLinkStyle: CSSProperties;
+    customIconStyle: CSSProperties;
+    locales: Locale[];
+    currentLocale: string | (() => string);
+    getLocaleName: () => string | null;
+    switchLocale: (locale: string) => void;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const I18nT: DefineComponent<ExtractPropTypes<    {
-keypath: {
-type: PropType<TranslationKey>;
-required: true;
-};
-plural: {
-type: PropType<number | string>;
-};
-tag: {
-type: PropType<string>;
-default: string;
-};
-params: {
-type: PropType<Record<string, string | number | boolean>>;
-default: () => {};
-};
-defaultValue: {
-type: PropType<string>;
-default: string;
-};
-html: {
-type: PropType<boolean>;
-default: boolean;
-};
-hideIfEmpty: {
-type: PropType<boolean>;
-default: boolean;
-};
-customPluralRule: {
-type: PropType<PluralFunc>;
-default: null;
-};
-number: {
-type: PropType<number | string>;
-};
-date: {
-type: PropType<Date | string | number>;
-};
-relativeDate: {
-type: PropType<Date | string | number>;
-};
-}>, () => string | VNode<RendererNode, RendererElement, {
-[key: string]: any;
-}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-keypath: {
-type: PropType<TranslationKey>;
-required: true;
-};
-plural: {
-type: PropType<number | string>;
-};
-tag: {
-type: PropType<string>;
-default: string;
-};
-params: {
-type: PropType<Record<string, string | number | boolean>>;
-default: () => {};
-};
-defaultValue: {
-type: PropType<string>;
-default: string;
-};
-html: {
-type: PropType<boolean>;
-default: boolean;
-};
-hideIfEmpty: {
-type: PropType<boolean>;
-default: boolean;
-};
-customPluralRule: {
-type: PropType<PluralFunc>;
-default: null;
-};
-number: {
-type: PropType<number | string>;
-};
-date: {
-type: PropType<Date | string | number>;
-};
-relativeDate: {
-type: PropType<Date | string | number>;
-};
+export declare const I18nT: DefineComponent<ExtractPropTypes<{
+    keypath: {
+        type: PropType<TranslationKey>;
+        required: true;
+    };
+    plural: {
+        type: PropType<number | string>;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    params: {
+        type: PropType<Record<string, string | number | boolean>>;
+        default: () => {};
+    };
+    defaultValue: {
+        type: PropType<string>;
+        default: string;
+    };
+    html: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    hideIfEmpty: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    customPluralRule: {
+        type: PropType<PluralFunc>;
+        default: null;
+    };
+    number: {
+        type: PropType<number | string>;
+    };
+    date: {
+        type: PropType<Date | string | number>;
+    };
+    relativeDate: {
+        type: PropType<Date | string | number>;
+    };
+}>, () => string | VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    keypath: {
+        type: PropType<TranslationKey>;
+        required: true;
+    };
+    plural: {
+        type: PropType<number | string>;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    params: {
+        type: PropType<Record<string, string | number | boolean>>;
+        default: () => {};
+    };
+    defaultValue: {
+        type: PropType<string>;
+        default: string;
+    };
+    html: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    hideIfEmpty: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    customPluralRule: {
+        type: PropType<PluralFunc>;
+        default: null;
+    };
+    number: {
+        type: PropType<number | string>;
+    };
+    date: {
+        type: PropType<Date | string | number>;
+    };
+    relativeDate: {
+        type: PropType<Date | string | number>;
+    };
 }>> & Readonly<{}>, {
-html: boolean;
-tag: string;
-params: Record<string, string | number | boolean>;
-defaultValue: string;
-hideIfEmpty: boolean;
-customPluralRule: PluralFunc;
+    html: boolean;
+    tag: string;
+    params: Record<string, string | number | boolean>;
+    defaultValue: string;
+    hideIfEmpty: boolean;
+    customPluralRule: PluralFunc;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export { interpolate }
@@ -506,38 +498,38 @@ export declare interface UseI18nOptions {
 }
 
 export declare function useLocaleHead(options?: UseLocaleHeadOptions): {
-    metaObject: Ref<    {
-    htmlAttrs: {
-    lang?: string | undefined;
-    dir?: "ltr" | "rtl" | "auto" | undefined;
-    };
-    link: {
-    [x: string]: string | undefined;
-    rel: string;
-    href: string;
-    hreflang?: string | undefined;
-    }[];
-    meta: {
-    [x: string]: string;
-    property: string;
-    content: string;
-    }[];
+    metaObject: Ref<{
+        htmlAttrs: {
+            lang?: string | undefined;
+            dir?: "ltr" | "rtl" | "auto" | undefined;
+        };
+        link: {
+            [x: string]: string | undefined;
+            rel: string;
+            href: string;
+            hreflang?: string | undefined;
+        }[];
+        meta: {
+            [x: string]: string;
+            property: string;
+            content: string;
+        }[];
     }, MetaObject | {
-    htmlAttrs: {
-    lang?: string | undefined;
-    dir?: "ltr" | "rtl" | "auto" | undefined;
-    };
-    link: {
-    [x: string]: string | undefined;
-    rel: string;
-    href: string;
-    hreflang?: string | undefined;
-    }[];
-    meta: {
-    [x: string]: string;
-    property: string;
-    content: string;
-    }[];
+        htmlAttrs: {
+            lang?: string | undefined;
+            dir?: "ltr" | "rtl" | "auto" | undefined;
+        };
+        link: {
+            [x: string]: string | undefined;
+            rel: string;
+            href: string;
+            hreflang?: string | undefined;
+        }[];
+        meta: {
+            [x: string]: string;
+            property: string;
+            content: string;
+        }[];
     }>;
     updateMeta: (canonicalQueryWhitelist?: string[]) => void;
 };
@@ -592,3 +584,27 @@ export declare interface VueI18nOptions {
 }
 
 export { }
+
+
+
+// Extend '@vue/runtime-core' module so types work correctly in all environments
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $t: (key: TranslationKey, params?: Params, defaultValue?: string | null, routeName?: string) => CleanTranslation
+    $ts: (key: TranslationKey, params?: Params, defaultValue?: string, routeName?: string) => string
+    $tc: (key: TranslationKey, count: number | Params, defaultValue?: string) => string
+    $tn: {
+      (value: number, options?: Intl.NumberFormatOptions): string
+      (value: number, key: string, overrides?: Intl.NumberFormatOptions): string
+      (value: number, key: string, locale: string, overrides?: Intl.NumberFormatOptions): string
+    }
+    $td: {
+      (value: Date | number | string, options?: Intl.DateTimeFormatOptions): string
+      (value: Date | number | string, key: string, overrides?: Intl.DateTimeFormatOptions): string
+      (value: Date | number | string, key: string, locale: string, overrides?: Intl.DateTimeFormatOptions): string
+    }
+    $tdr: (value: Date | number | string, options?: Intl.RelativeTimeFormatOptions) => string
+    $has: (key: TranslationKey, routeName?: string) => boolean
+    $i18n: any
+  }
+}