@i18n-micro/vue 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+ 
+ Copyright (c) 2016 
+ 
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+ 
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+ 
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.

package/README.md

@@ -0,0 +1,69 @@
+# @i18n-micro/vue
+
+Vue 3 plugin for internationalization using the same core logic as Nuxt I18n Micro. Provides reactive translations, route-specific support, and full TypeScript support.
+
+## Installation
+
+```bash
+pnpm add @i18n-micro/vue
+# or
+npm install @i18n-micro/vue
+# or
+yarn add @i18n-micro/vue
+```
+
+## Quick Start
+
+```typescript
+import { createApp } from 'vue'
+import { createI18n } from '@i18n-micro/vue'
+
+const app = createApp(App)
+
+const i18n = createI18n({
+  locale: 'en',
+  fallbackLocale: 'en',
+  messages: {
+    en: {
+      greeting: 'Hello, {name}!',
+      apples: 'no apples | one apple | {count} apples',
+    },
+    fr: {
+      greeting: 'Bonjour, {name}!',
+      apples: 'pas de pommes | une pomme | {count} pommes',
+    },
+  },
+})
+
+app.use(i18n)
+app.mount('#app')
+```
+
+### Usage in Components
+
+```vue
+<template>
+  <div>
+    <p>{{ t('greeting', { name: 'World' }) }}</p>
+    <p>{{ tc('apples', 5) }}</p>
+  </div>
+</template>
+
+<script setup>
+import { useI18n } from '@i18n-micro/vue'
+
+const { t, tc, locale } = useI18n()
+
+// Change locale reactively
+locale.value = 'fr'
+</script>
+```
+
+## Resources
+
+- **Repository**: [https://github.com/s00d/nuxt-i18n-micro](https://github.com/s00d/nuxt-i18n-micro)
+- **Documentation**: [https://s00d.github.io/nuxt-i18n-micro/](https://s00d.github.io/nuxt-i18n-micro/)
+
+## License
+
+MIT

package/dist/components/i18n-group.d.ts

@@ -0,0 +1,24 @@
+import { PropType } from 'vue';
+export declare const I18nGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    prefix: {
+        type: PropType<string>;
+        required: true;
+    };
+    groupClass: {
+        type: PropType<string>;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    prefix: {
+        type: PropType<string>;
+        required: true;
+    };
+    groupClass: {
+        type: PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    groupClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/i18n-link.d.ts

@@ -0,0 +1,25 @@
+import { PropType, CSSProperties, DefineComponent } from 'vue';
+import { RouteLocationRaw, RouteLocationNormalizedLoaded } from 'vue-router';
+export declare const I18nLink: DefineComponent<import('vue').ExtractPropTypes<{
+    to: {
+        type: PropType<RouteLocationRaw | RouteLocationNormalizedLoaded | string>;
+        required: true;
+    };
+    activeStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    to: {
+        type: PropType<RouteLocationRaw | RouteLocationNormalizedLoaded | string>;
+        required: true;
+    };
+    activeStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    activeStyle: CSSProperties;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/i18n-switcher.d.ts

@@ -0,0 +1,88 @@
+import { PropType, CSSProperties, VNode } from 'vue';
+export declare const I18nSwitcher: import('vue').DefineComponent<import('vue').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: () => {};
+    };
+    customDisabledLinkStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customIconStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').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: () => {};
+    };
+    customDisabledLinkStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    customIconStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    customLabels: Record<string, string>;
+    customWrapperStyle: CSSProperties;
+    customButtonStyle: CSSProperties;
+    customDropdownStyle: CSSProperties;
+    customItemStyle: CSSProperties;
+    customLinkStyle: CSSProperties;
+    customActiveLinkStyle: CSSProperties;
+    customDisabledLinkStyle: CSSProperties;
+    customIconStyle: CSSProperties;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/i18n-t.d.ts

@@ -0,0 +1,94 @@
+import { PropType, VNode } from 'vue';
+import { PluralFunc, TranslationKey } from '@i18n-micro/types';
+export declare const I18nT: import('vue').DefineComponent<import('vue').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<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').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<{}>, {
+    params: Record<string, string | number | boolean>;
+    tag: string;
+    defaultValue: string;
+    html: boolean;
+    hideIfEmpty: boolean;
+    customPluralRule: PluralFunc;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/composables/use-locale-head.d.ts

@@ -0,0 +1,62 @@
+interface MetaLink {
+    [key: string]: string | undefined;
+    rel: string;
+    href: string;
+    hreflang?: string;
+}
+interface MetaTag {
+    [key: string]: string;
+    property: string;
+    content: string;
+}
+interface MetaObject {
+    htmlAttrs: {
+        lang?: string;
+        dir?: 'ltr' | 'rtl' | 'auto';
+    };
+    link: MetaLink[];
+    meta: MetaTag[];
+}
+export interface UseLocaleHeadOptions {
+    addDirAttribute?: boolean;
+    identifierAttribute?: string;
+    addSeoAttributes?: boolean;
+    baseUrl?: string | (() => string);
+}
+export declare function useLocaleHead(options?: UseLocaleHeadOptions): {
+    metaObject: import('vue').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;
+        }[];
+    }>;
+    updateMeta: (canonicalQueryWhitelist?: string[]) => void;
+};
+export {};

package/dist/composer.d.ts

@@ -0,0 +1,47 @@
+import { Ref } from 'vue';
+import { TranslationCache } from '@i18n-micro/core';
+import { Translations, Params, PluralFunc, CleanTranslation, TranslationKey } from '@i18n-micro/types';
+export interface VueI18nOptions {
+    locale: string;
+    fallbackLocale?: string;
+    messages?: Record<string, Translations>;
+    plural?: PluralFunc;
+    missingWarn?: boolean;
+    missingHandler?: (locale: string, key: string, routeName: string) => void;
+}
+export declare class VueI18n {
+    private _locale;
+    private _fallbackLocale;
+    private _currentRoute;
+    private helper;
+    private formatter;
+    private pluralFunc;
+    private missingWarn;
+    private missingHandler?;
+    readonly cache: TranslationCache;
+    private listeners;
+    constructor(options: VueI18nOptions);
+    get locale(): Ref<string>;
+    set locale(val: Ref<string> | string);
+    get fallbackLocale(): Ref<string>;
+    set fallbackLocale(val: Ref<string> | string);
+    get currentRoute(): Ref<string>;
+    setRoute(routeName: string): void;
+    getRoute(): string;
+    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;
+    td(value: Date | number | string, options?: Intl.DateTimeFormatOptions): string;
+    tdr(value: Date | number | string, options?: Intl.RelativeTimeFormatOptions): string;
+    has(key: TranslationKey, _routeName?: string): boolean;
+    addTranslations(locale: string, translations: Translations, merge?: boolean): void;
+    addRouteTranslations(locale: string, routeName: string, translations: Translations, merge?: boolean): void;
+    mergeTranslations(locale: string, routeName: string, translations: Translations): void;
+    mergeGlobalTranslations(locale: string, translations: Translations): void;
+    clearCache(): void;
+    subscribeToChanges(cb: () => void): () => void;
+    private notifyListeners;
+    getAllTranslations(): Record<string, Translations>;
+    getCache(): TranslationCache;
+}

package/dist/devtools/bridge/vue-bridge.d.ts

@@ -0,0 +1,14 @@
+import { I18nDevToolsBridge } from '@i18n-micro/devtools-ui';
+import { Locale } from '@i18n-micro/types';
+import { VueI18n } from '../../composer';
+export interface VueBridgeOptions {
+    i18n: VueI18n;
+    locales?: Locale[];
+    defaultLocale?: string;
+    translationDir?: string;
+}
+/**
+ * Create a Vue bridge that adapts VueI18n API to I18nDevToolsBridge interface
+ * Creates a virtual file system structure: locales/{lang}.json and locales/pages/{route}/{lang}.json
+ */
+export declare function createVueBridge(options: VueBridgeOptions): I18nDevToolsBridge;

package/dist/devtools/index.d.ts

@@ -0,0 +1,9 @@
+import { VueI18n } from '../composer';
+import { Locale } from '@i18n-micro/types';
+export interface VueDevToolsOptions {
+    i18n: VueI18n;
+    locales?: Locale[];
+    defaultLocale?: string;
+    translationDir?: string;
+}
+export declare function setupVueDevTools(options: VueDevToolsOptions): void;