@i18n-micro/vue 1.2.0 → 1.2.1

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

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties } from 'vue';
+import { CSSProperties, PropType } from 'vue';
 export declare const I18nLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     to: {
         type: PropType<string | {

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

@@ -1,5 +1,5 @@
-import { PropType, CSSProperties, VNode } from 'vue';
 import { Locale } from '@i18n-micro/types';
+import { CSSProperties, PropType, VNode } from 'vue';
 export declare const I18nSwitcher: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     customLabels: {
         type: PropType<Record<string, string>>;

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

@@ -1,5 +1,5 @@
-import { PropType, VNode } from 'vue';
 import { PluralFunc, TranslationKey } from '@i18n-micro/types';
+import { PropType, VNode } from 'vue';
 export declare const I18nT: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     keypath: {
         type: PropType<TranslationKey>;
@@ -85,10 +85,10 @@ export declare const I18nT: import('vue').DefineComponent<import('vue').ExtractP
         type: PropType<Date | string | number>;
     };
 }>> & Readonly<{}>, {
+    html: boolean;
     tag: string;
     params: Record<string, string | number | boolean>;
     defaultValue: string;
-    html: boolean;
     hideIfEmpty: boolean;
     customPluralRule: PluralFunc;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/composer.d.ts

@@ -1,6 +1,6 @@
-import { Ref } from 'vue';
 import { BaseI18n, TranslationStorage } from '@i18n-micro/core';
-import { Translations, PluralFunc } from '@i18n-micro/types';
+import { PluralFunc, Translations } from '@i18n-micro/types';
+import { Ref } from 'vue';
 export interface VueI18nOptions {
     locale: string;
     fallbackLocale?: string;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),E=require("@i18n-micro/core"),Z=require("vue-router");class F extends E.BaseI18n{constructor(e){const n={translations:new Map};if(super({storage:n,plural:e.plural,missingWarn:e.missingWarn,missingHandler:e.missingHandler}),this.listeners=new Set,this.storage=n,this._locale=r.shallowRef(e.locale),this._fallbackLocale=r.shallowRef(e.fallbackLocale||e.locale),this._currentRoute=r.shallowRef("general"),this._revision=r.shallowRef(0),e.messages)for(const[o,u]of Object.entries(e.messages))this.helper.loadTranslations(o,u)}get locale(){return this._locale}set locale(e){typeof e=="string"?this._locale.value=e:this._locale=e}get fallbackLocale(){return this._fallbackLocale}set fallbackLocale(e){typeof e=="string"?this._fallbackLocale.value=e:this._fallbackLocale=e}get currentRoute(){return this._currentRoute}setRoute(e){this._currentRoute.value=e}getLocale(){return this._locale.value}getFallbackLocale(){return this._fallbackLocale.value}getRoute(){return this._currentRoute.value}addTranslations(e,n,o=!0){super.loadTranslationsCore(e,n,o),this._revision.value++,this.notifyListeners()}addRouteTranslations(e,n,o,u=!0){super.loadRouteTranslationsCore(e,n,o,u),this._revision.value++,this.notifyListeners()}mergeTranslations(e,n,o){this.helper.mergeTranslation(e,n,o,!0),this._revision.value++,this.notifyListeners()}mergeGlobalTranslations(e,n){this.helper.mergeGlobalTranslation(e,n,!0),this._revision.value++,this.notifyListeners()}clearCache(){super.clearCache(),this._revision.value++,this.notifyListeners()}subscribeToChanges(e){return this.listeners.add(e),()=>this.listeners.delete(e)}notifyListeners(){this.listeners.forEach(e=>e())}getAllTranslations(){const e={};for(const[n,o]of this.storage.translations)if(!n.includes(":"))e[n]=o;else{const u=n.split(":")[0];u&&(e[u]||(e[u]={}),Object.assign(e[u],o))}return e}getStorage(){return this.storage}getGeneralCache(){const e={};for(const[n,o]of this.storage.translations)n.includes(":")||(e[n]=o);return e}getRouteCache(){const e={};for(const[n,o]of this.storage.translations)n.includes(":")&&(e[n]=o);return e}}const I=Symbol("i18n"),N=Symbol("i18n-locales"),U=Symbol("i18n-default-locale"),$=Symbol("i18n-router-strategy"),G=r.defineComponent({name:"I18nT",props:{keypath:{type:String,required:!0},plural:{type:[Number,String]},tag:{type:String,default:"span"},params:{type:Object,default:()=>({})},defaultValue:{type:String,default:""},html:{type:Boolean,default:!1},hideIfEmpty:{type:Boolean,default:!1},customPluralRule:{type:Function,default:null},number:{type:[Number,String]},date:{type:[Date,String,Number]},relativeDate:{type:[Date,String,Number]}},setup(t,{slots:e,attrs:n}){const o=r.inject(I);if(!o)throw new Error("[i18n-micro] I18nT: i18n instance not found. Make sure i18n plugin is installed.");return()=>{const u={},l=o.getRoute();if(t.number!==void 0){const a=Number(t.number),c=o.tn(a),f=o.t(t.keypath,{number:c,...t.params},void 0,l);return r.h(t.tag,{...n,innerHTML:f})}if(t.date!==void 0){const a=o.td(t.date),c=o.t(t.keypath,{date:a,...t.params},void 0,l);return r.h(t.tag,{...n,innerHTML:c})}if(t.relativeDate!==void 0){const a=o.tdr(t.relativeDate),c=o.t(t.keypath,{relativeDate:a,...t.params},void 0,l);return r.h(t.tag,{...n,innerHTML:c})}if(t.plural!==void 0){const a=Number.parseInt(t.plural.toString());if(t.customPluralRule){const c=t.customPluralRule(t.keypath,a,t.params,o.locale.value,(f,p,k)=>o.t(f,p,k,l));return r.h(t.tag,{...n,innerHTML:c||""})}else{const c=o.tc(t.keypath,{count:a,...t.params});return r.h(t.tag,{...n,innerHTML:c})}}const d=(o.t(t.keypath,{...t.params,...u},void 0,l)??"").toString();if(t.hideIfEmpty&&!d.trim())return t.defaultValue??null;if(t.html)return r.h(t.tag,{...n,innerHTML:d});if(e.default)return r.h(t.tag,n,e.default({translation:d}));const h=[];let i=0;for(const[a,c]of Object.entries(e)){if(a==="default")continue;const f=`{${a}}`,p=d.indexOf(f,i);p!==-1&&(p>i&&h.push(d.slice(i,p)),c&&h.push(r.h(c)),i=p+f.length)}return i<d.length&&h.push(d.slice(i)),e.default?r.h(t.tag,n,e.default({children:h})):h.length>0?r.h(t.tag,n,h):r.h(t.tag,n,d)}}}),W=r.defineComponent({name:"I18nLink",props:{to:{type:[String,Object],required:!0},activeStyle:{type:Object,default:()=>({})},localeRoute:{type:Function,default:void 0}},setup(t,{slots:e}){const n=r.inject(I),o=r.inject($,void 0);if(!n)throw new Error("[i18n-micro] I18nLink: i18n instance not found. Make sure i18n plugin is installed.");const u=r.computed(()=>typeof t.to=="string"?/^(?:https?:\/\/|\/\/|[a-zA-Z0-9-]+\.[a-zA-Z]{2,})|tel:|mailto:/.test(t.to):!1),l=r.computed(()=>{if(u.value)return t.to;if(t.localeRoute){const a=t.localeRoute(t.to);return typeof a=="string"?a:a.path||"/"}if(!o?.resolvePath)return typeof t.to=="string"?t.to:t.to.path||"/";const i=o.resolvePath(t.to,n.locale.value);return typeof i=="string"?i:i.path||"/"}),d=r.computed(()=>{if(u.value||!o)return!1;const i=o.getCurrentPath().replace(/\/$/,""),a=l.value.replace(/\/$/,"");return i===a}),h=r.computed(()=>d.value?t.activeStyle:{});return()=>u.value?r.h("a",{href:l.value,target:"_blank",rel:"noopener noreferrer",style:h.value},e.default?.()):o?.linkComponent?r.h(o.linkComponent,{to:l.value,style:h.value},{default:e.default}):r.h("a",{href:l.value,style:h.value,onClick:i=>{i.preventDefault(),o?o.push({path:l.value}):window.location.href=l.value}},e.default?.())}}),q=r.defineComponent({name:"I18nGroup",props:{prefix:{type:String,required:!0},groupClass:{type:String,default:""}},setup(t,{slots:e}){const n=r.inject(I);if(!n)throw new Error("[i18n-micro] I18nGroup: i18n instance not found. Make sure i18n plugin is installed.");const o=(u,l)=>n.t(`${t.prefix}.${u}`,l,void 0,n.getRoute());return()=>r.h("div",{class:["i18n-group",t.groupClass]},e.default?.({prefix:t.prefix,t:o}))}}),B=r.defineComponent({name:"I18nSwitcher",props:{customLabels:{type:Object,default:()=>({})},customWrapperStyle:{type:Object,default:()=>({})},customButtonStyle:{type:Object,default:()=>({})},customDropdownStyle:{type:Object,default:()=>({})},customItemStyle:{type:Object,default:()=>({})},customLinkStyle:{type:Object,default:()=>({})},customActiveLinkStyle:{type:Object,default:()=>({})},customDisabledLinkStyle:{type:Object,default:()=>({})},customIconStyle:{type:Object,default:()=>({})},locales:{type:Array,default:void 0},currentLocale:{type:[String,Function],default:void 0},getLocaleName:{type:Function,default:void 0},switchLocale:{type:Function,default:void 0},localeRoute:{type:Function,default:void 0}},setup(t,{slots:e}){const n=r.inject(I),o=r.inject($,void 0),u=r.inject(N,void 0);if(!n)throw new Error("[i18n-micro] I18nSwitcher: i18n instance not found. Make sure i18n plugin is installed.");if(!u&&!t.locales)throw new Error("[i18n-micro] I18nSwitcher: locales not provided. Make sure app.provide(I18nLocalesKey, locales) is called or pass locales prop.");const l=r.computed(()=>t.locales||u||[]),d=r.computed(()=>t.currentLocale!==void 0?typeof t.currentLocale=="function"?t.currentLocale():t.currentLocale:n.locale.value),h=r.computed(()=>t.getLocaleName?t.getLocaleName()||null:l.value.find(m=>m.code===n.locale.value)?.displayName||null),i=r.ref(!1),a=r.ref(null),c=s=>{s&&(s.stopPropagation(),s.preventDefault()),i.value=!i.value},f=s=>t.customLabels[s.code]||s.displayName||s.code,p=r.computed(()=>{const s=l.value.find(m=>m.code===d.value);return s?f(s):h.value||d.value}),k=async s=>{if(i.value=!1,await r.nextTick(),t.switchLocale){t.switchLocale(s);return}if(n.locale.value=s,!o)return;const m=o.getCurrentPath(),b=t.localeRoute?(()=>{const g=t.localeRoute(m,s);return typeof g=="string"?g:g.path||"/"})():o?.resolvePath?(()=>{const g=o.resolvePath(m,s);return typeof g=="string"?g:g.path||"/"})():m;o.push({path:b})},S={position:"relative",display:"inline-block",verticalAlign:"middle"},P={padding:"4px 12px",fontSize:"16px",cursor:"pointer",backgroundColor:"#fff",border:"1px solid #333",transition:"background-color 0.3s ease",display:"flex",alignItems:"center",justifyContent:"space-between"},R={position:"absolute",top:"100%",left:"0",zIndex:1e3,backgroundColor:"#fff",border:"1px solid #333",listStyle:"none",padding:"0",margin:"4px 0 0 0",minWidth:"150px",boxShadow:"0 2px 8px rgba(0,0,0,0.15)"},j={margin:"0",padding:"0"},L={display:"block",padding:"8px 12px",color:"#333",textDecoration:"none",transition:"background-color 0.3s ease",cursor:"pointer"},K={fontWeight:"bold",color:"#007bff"},D={marginLeft:"8px",display:"inline-block",transition:"transform 0.3s ease"},M={transform:"rotate(180deg)"},v=s=>s?Array.isArray(s)?s:[s]:[],H=s=>{if(!i.value)return;const m=s.target;if(!m||!a.value)return;const b=a.value.contains(m),g=m.closest(".i18n-switcher-button")!==null;!b&&!g&&(i.value=!1)};return r.onMounted(()=>{document.addEventListener("click",H)}),r.onUnmounted(()=>{document.removeEventListener("click",H)}),()=>{const s=[];e["before-button"]&&s.push(...v(e["before-button"]()));const m=[];if(e["before-selected-locale"]&&m.push(...v(e["before-selected-locale"]())),m.push(r.h("span",p.value)),e["after-selected-locale"]&&m.push(...v(e["after-selected-locale"]())),m.push(r.h("span",{style:{...D,...i.value?M:{},...t.customIconStyle}},"▼")),s.push(r.h("button",{class:"i18n-switcher-button",style:{...P,...t.customButtonStyle},onClick:b=>{b.preventDefault(),b.stopPropagation(),c(b)},type:"button",ariaHaspopup:!0,ariaExpanded:i.value},m)),e["before-dropdown"]&&s.push(...v(e["before-dropdown"]())),i.value){const b=[];e["before-dropdown-items"]&&b.push(...v(e["before-dropdown-items"]())),l.value.forEach(g=>{const C=[];e["before-item"]&&C.push(...v(e["before-item"]({locale:g})));const T=[];e["before-link-content"]&&T.push(...v(e["before-link-content"]({locale:g}))),T.push(f(g)),e["after-link-content"]&&T.push(...v(e["after-link-content"]({locale:g})));const x=typeof window<"u"?window.location.pathname:"/",y=t.localeRoute?t.localeRoute(x,g.code):o?.resolvePath?o.resolvePath(x,g.code):x,_=typeof y=="string"?y:y.path||"#",O=g.code===d.value;C.push(r.h("a",{class:`switcher-locale-${g.code}`,href:typeof _=="string"?_:"#",style:{...L,...O?K:{},...t.customLinkStyle},onClick:w=>{w.preventDefault(),w.stopPropagation(),k(g.code)}},T)),e["after-item"]&&C.push(...v(e["after-item"]({locale:g}))),b.push(r.h("li",{key:g.code,style:{...j,...t.customItemStyle}},C))}),e["after-dropdown-items"]&&b.push(...v(e["after-dropdown-items"]())),s.push(r.h("ul",{class:"i18n-switcher-dropdown",style:{...R,...t.customDropdownStyle}},b))}return e["after-dropdown"]&&s.push(...v(e["after-dropdown"]())),r.h("div",{ref:a,class:"i18n-switcher-wrapper",style:{...S,...t.customWrapperStyle}},s)}}});function J(t){const{routingStrategy:e,locales:n,defaultLocale:o,...u}=t,l=new F(u);let d=null,h=e||null;return{global:l,setRoutingStrategy:a=>{h=a,d&&d.provide($,a)},install(a){d=a,a.provide(I,l),h&&a.provide($,h),n&&a.provide(N,n),o&&a.provide(U,o),a.config.globalProperties.$t=(c,f,p,k)=>l.t(c,f,p,k),a.config.globalProperties.$ts=(c,f,p,k)=>l.ts(c,f,p,k),a.config.globalProperties.$tc=(c,f,p)=>l.tc(c,f,p),a.config.globalProperties.$tn=(c,f)=>l.tn(c,f),a.config.globalProperties.$td=(c,f)=>l.td(c,f),a.config.globalProperties.$tdr=(c,f)=>l.tdr(c,f),a.config.globalProperties.$has=(c,f)=>l.has(c,f),a.config.globalProperties.$i18n=l,a.component("I18nT",G),a.component("I18nLink",W),a.component("I18nGroup",q),a.component("I18nSwitcher",B)}}}function z(t){const e=r.inject(I),n=r.inject($,void 0),o=r.inject(N,void 0),u=r.inject(U,void 0);if(!e)throw new Error("[i18n-micro] useI18n() must be called after app.use(i18n). Make sure i18n plugin is installed.");if(!o)throw new Error("[i18n-micro] I18nLocalesKey not provided. Make sure app.provide(I18nLocalesKey, locales) is called.");if(!u)throw new Error("[i18n-micro] I18nDefaultLocaleKey not provided. Make sure app.provide(I18nDefaultLocaleKey, defaultLocale) is called.");const l=t?.locales||o,d=t?.defaultLocale||u,h=(i,a)=>n?.resolvePath?n.resolvePath(i,a||e.locale.value):i;return{instance:e,locale:r.computed({get:()=>e.locale.value,set:i=>{e.locale.value=i}}),getLocales:()=>l,defaultLocale:()=>d,getLocaleName:()=>l.find(a=>a.code===e.locale.value)?.displayName||null,localeRoute:h,localePath:(i,a)=>{const c=h(i,a);return typeof c=="string"?c:c.path||"/"},switchLocale:i=>{if(e.locale.value=i,n){const a=n.getCurrentPath(),c=h(a,i);n.push(typeof c=="string"?{path:c}:{path:c.path||"/"})}},t:e.t.bind(e),ts:e.ts.bind(e),tc:e.tc.bind(e),tn:e.tn.bind(e),td:e.td.bind(e),tdr:e.tdr.bind(e),has:e.has.bind(e),setRoute:e.setRoute.bind(e),getRoute:e.getRoute.bind(e),getLocale:()=>e.locale.value,addTranslations:e.addTranslations.bind(e),addRouteTranslations:e.addRouteTranslations.bind(e),mergeTranslations:e.mergeTranslations.bind(e),mergeGlobalTranslations:e.mergeGlobalTranslations.bind(e),clearCache:e.clearCache.bind(e)}}function Q(t={}){const{addDirAttribute:e=!0,identifierAttribute:n="id",addSeoAttributes:o=!0,baseUrl:u="/"}=t,{getLocale:l,getLocales:d,localeRoute:h}=z(),i=r.inject($,void 0),a=r.ref({htmlAttrs:{},link:[],meta:[]});function c(p,k){const S=new URL(p,"http://localhost"),P=new URLSearchParams(S.search),R={};for(const L of k)P.has(L)&&(R[L]=P.get(L));const j=new URLSearchParams(R);return j.toString()?`${S.pathname}?${j.toString()}`:S.pathname}function f(p=[]){if(!i){a.value={htmlAttrs:{},link:[],meta:[]};return}const k=l(),S=d(),P=S.find(y=>y.code===k);if(!P)return;const R=P.iso||k,j=P.dir||"auto";let L=i.getCurrentPath();L.startsWith("/")||(L=`/${L}`);const K=L.split("/").filter(Boolean),D=S.find(y=>K[0]===y.code);let M=L,v;D?(M=L.slice(D.code.length+1)||"/",v=c(M,p)):v=c(L,p);const s=`${typeof u=="function"?u():u}${v.startsWith("/")?"":"/"}${v}`;if(a.value={htmlAttrs:{lang:R,...e?{dir:j}:{}},link:[],meta:[]},!o)return;const m=S,b={[n]:"i18n-og",property:"og:locale",content:R},g={[n]:"i18n-og-url",property:"og:url",content:s},C=m.map(y=>({[n]:`i18n-og-alt-${y.iso||y.code}`,property:"og:locale:alternate",content:y.iso||y.code})),T={[n]:"i18n-can",rel:"canonical",href:s},x=m.flatMap(y=>{if(!h||!i)return[];const _=i.getCurrentPath(),O=h(_,y.code),w=typeof O=="string"?O:O?.path||"/";if(!w)return[];let A;w.startsWith("http://")||w.startsWith("https://")?A=w:A=`${typeof u=="function"?u():u}${w.startsWith("/")?"":"/"}${w}`;const V=[{[n]:`i18n-alternate-${y.code}`,rel:"alternate",href:A,hreflang:y.code}];return y.iso&&y.iso!==y.code&&V.push({[n]:`i18n-alternate-${y.iso}`,rel:"alternate",href:A,hreflang:y.iso}),V});a.value.meta=[b,g,...C],a.value.link=[T,...x]}return{metaObject:a,updateMeta:f}}function X(t,e,n){const o=e.map(l=>l.code),u=(l,d)=>{const i=(typeof l=="string"?l:l.path||"/").split("/").filter(Boolean),a=i[0];a!==void 0&&o.includes(a)&&i.shift();const c="/"+i.join("/");return d===n?c:`/${d}${c==="/"?"":c}`};return{linkComponent:Z.RouterLink,getCurrentPath:()=>t.currentRoute.value.path,push:l=>{t.push(l.path).catch(()=>{})},replace:l=>{t.replace(l.path).catch(()=>{})},resolvePath:(l,d)=>u(l,d),getRoute:()=>({fullPath:t.currentRoute.value.fullPath,query:t.currentRoute.value.query})}}Object.defineProperty(exports,"FormatService",{enumerable:!0,get:()=>E.FormatService});Object.defineProperty(exports,"defaultPlural",{enumerable:!0,get:()=>E.defaultPlural});Object.defineProperty(exports,"interpolate",{enumerable:!0,get:()=>E.interpolate});exports.I18nDefaultLocaleKey=U;exports.I18nGroup=q;exports.I18nInjectionKey=I;exports.I18nLink=W;exports.I18nLocalesKey=N;exports.I18nSwitcher=B;exports.I18nT=G;exports.VueI18n=F;exports.createI18n=J;exports.createVueRouterAdapter=X;exports.useI18n=z;exports.useLocaleHead=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),E=require("@i18n-micro/core"),Z=require("vue-router"),I=Symbol("i18n"),N=Symbol("i18n-locales"),U=Symbol("i18n-default-locale"),$=Symbol("i18n-router-strategy"),F=r.defineComponent({name:"I18nGroup",props:{prefix:{type:String,required:!0},groupClass:{type:String,default:""}},setup(t,{slots:e}){const n=r.inject(I);if(!n)throw new Error("[i18n-micro] I18nGroup: i18n instance not found. Make sure i18n plugin is installed.");const o=(u,l)=>n.t(`${t.prefix}.${u}`,l,void 0,n.getRoute());return()=>r.h("div",{class:["i18n-group",t.groupClass]},e.default?.({prefix:t.prefix,t:o}))}}),G=r.defineComponent({name:"I18nLink",props:{to:{type:[String,Object],required:!0},activeStyle:{type:Object,default:()=>({})},localeRoute:{type:Function,default:void 0}},setup(t,{slots:e}){const n=r.inject(I),o=r.inject($,void 0);if(!n)throw new Error("[i18n-micro] I18nLink: i18n instance not found. Make sure i18n plugin is installed.");const u=r.computed(()=>typeof t.to=="string"?/^(?:https?:\/\/|\/\/|[a-zA-Z0-9-]+\.[a-zA-Z]{2,})|tel:|mailto:/.test(t.to):!1),l=r.computed(()=>{if(u.value)return t.to;if(t.localeRoute){const a=t.localeRoute(t.to);return typeof a=="string"?a:a.path||"/"}if(!o?.resolvePath)return typeof t.to=="string"?t.to:t.to.path||"/";const i=o.resolvePath(t.to,n.locale.value);return typeof i=="string"?i:i.path||"/"}),d=r.computed(()=>{if(u.value||!o)return!1;const i=o.getCurrentPath().replace(/\/$/,""),a=l.value.replace(/\/$/,"");return i===a}),h=r.computed(()=>d.value?t.activeStyle:{});return()=>u.value?r.h("a",{href:l.value,target:"_blank",rel:"noopener noreferrer",style:h.value},e.default?.()):o?.linkComponent?r.h(o.linkComponent,{to:l.value,style:h.value},{default:e.default}):r.h("a",{href:l.value,style:h.value,onClick:i=>{i.preventDefault(),o?o.push({path:l.value}):window.location.href=l.value}},e.default?.())}}),W=r.defineComponent({name:"I18nSwitcher",props:{customLabels:{type:Object,default:()=>({})},customWrapperStyle:{type:Object,default:()=>({})},customButtonStyle:{type:Object,default:()=>({})},customDropdownStyle:{type:Object,default:()=>({})},customItemStyle:{type:Object,default:()=>({})},customLinkStyle:{type:Object,default:()=>({})},customActiveLinkStyle:{type:Object,default:()=>({})},customDisabledLinkStyle:{type:Object,default:()=>({})},customIconStyle:{type:Object,default:()=>({})},locales:{type:Array,default:void 0},currentLocale:{type:[String,Function],default:void 0},getLocaleName:{type:Function,default:void 0},switchLocale:{type:Function,default:void 0},localeRoute:{type:Function,default:void 0}},setup(t,{slots:e}){const n=r.inject(I),o=r.inject($,void 0),u=r.inject(N,void 0);if(!n)throw new Error("[i18n-micro] I18nSwitcher: i18n instance not found. Make sure i18n plugin is installed.");if(!u&&!t.locales)throw new Error("[i18n-micro] I18nSwitcher: locales not provided. Make sure app.provide(I18nLocalesKey, locales) is called or pass locales prop.");const l=r.computed(()=>t.locales||u||[]),d=r.computed(()=>t.currentLocale!==void 0?typeof t.currentLocale=="function"?t.currentLocale():t.currentLocale:n.locale.value),h=r.computed(()=>t.getLocaleName?t.getLocaleName()||null:l.value.find(m=>m.code===n.locale.value)?.displayName||null),i=r.ref(!1),a=r.ref(null),c=s=>{s&&(s.stopPropagation(),s.preventDefault()),i.value=!i.value},f=s=>t.customLabels[s.code]||s.displayName||s.code,p=r.computed(()=>{const s=l.value.find(m=>m.code===d.value);return s?f(s):h.value||d.value}),k=async s=>{if(i.value=!1,await r.nextTick(),t.switchLocale){t.switchLocale(s);return}if(n.locale.value=s,!o)return;const m=o.getCurrentPath(),b=t.localeRoute?(()=>{const g=t.localeRoute(m,s);return typeof g=="string"?g:g.path||"/"})():o?.resolvePath?(()=>{const g=o.resolvePath(m,s);return typeof g=="string"?g:g.path||"/"})():m;o.push({path:b})},S={position:"relative",display:"inline-block",verticalAlign:"middle"},P={padding:"4px 12px",fontSize:"16px",cursor:"pointer",backgroundColor:"#fff",border:"1px solid #333",transition:"background-color 0.3s ease",display:"flex",alignItems:"center",justifyContent:"space-between"},R={position:"absolute",top:"100%",left:"0",zIndex:1e3,backgroundColor:"#fff",border:"1px solid #333",listStyle:"none",padding:"0",margin:"4px 0 0 0",minWidth:"150px",boxShadow:"0 2px 8px rgba(0,0,0,0.15)"},j={margin:"0",padding:"0"},L={display:"block",padding:"8px 12px",color:"#333",textDecoration:"none",transition:"background-color 0.3s ease",cursor:"pointer"},K={fontWeight:"bold",color:"#007bff"},D={marginLeft:"8px",display:"inline-block",transition:"transform 0.3s ease"},M={transform:"rotate(180deg)"},v=s=>s?Array.isArray(s)?s:[s]:[],H=s=>{if(!i.value)return;const m=s.target;if(!m||!a.value)return;const b=a.value.contains(m),g=m.closest(".i18n-switcher-button")!==null;!b&&!g&&(i.value=!1)};return r.onMounted(()=>{document.addEventListener("click",H)}),r.onUnmounted(()=>{document.removeEventListener("click",H)}),()=>{const s=[];e["before-button"]&&s.push(...v(e["before-button"]()));const m=[];if(e["before-selected-locale"]&&m.push(...v(e["before-selected-locale"]())),m.push(r.h("span",p.value)),e["after-selected-locale"]&&m.push(...v(e["after-selected-locale"]())),m.push(r.h("span",{style:{...D,...i.value?M:{},...t.customIconStyle}},"▼")),s.push(r.h("button",{class:"i18n-switcher-button",style:{...P,...t.customButtonStyle},onClick:b=>{b.preventDefault(),b.stopPropagation(),c(b)},type:"button",ariaHaspopup:!0,ariaExpanded:i.value},m)),e["before-dropdown"]&&s.push(...v(e["before-dropdown"]())),i.value){const b=[];e["before-dropdown-items"]&&b.push(...v(e["before-dropdown-items"]())),l.value.forEach(g=>{const C=[];e["before-item"]&&C.push(...v(e["before-item"]({locale:g})));const T=[];e["before-link-content"]&&T.push(...v(e["before-link-content"]({locale:g}))),T.push(f(g)),e["after-link-content"]&&T.push(...v(e["after-link-content"]({locale:g})));const x=typeof window<"u"?window.location.pathname:"/",y=t.localeRoute?t.localeRoute(x,g.code):o?.resolvePath?o.resolvePath(x,g.code):x,_=typeof y=="string"?y:y.path||"#",O=g.code===d.value;C.push(r.h("a",{class:`switcher-locale-${g.code}`,href:typeof _=="string"?_:"#",style:{...L,...O?K:{},...t.customLinkStyle},onClick:w=>{w.preventDefault(),w.stopPropagation(),k(g.code)}},T)),e["after-item"]&&C.push(...v(e["after-item"]({locale:g}))),b.push(r.h("li",{key:g.code,style:{...j,...t.customItemStyle}},C))}),e["after-dropdown-items"]&&b.push(...v(e["after-dropdown-items"]())),s.push(r.h("ul",{class:"i18n-switcher-dropdown",style:{...R,...t.customDropdownStyle}},b))}return e["after-dropdown"]&&s.push(...v(e["after-dropdown"]())),r.h("div",{ref:a,class:"i18n-switcher-wrapper",style:{...S,...t.customWrapperStyle}},s)}}}),q=r.defineComponent({name:"I18nT",props:{keypath:{type:String,required:!0},plural:{type:[Number,String]},tag:{type:String,default:"span"},params:{type:Object,default:()=>({})},defaultValue:{type:String,default:""},html:{type:Boolean,default:!1},hideIfEmpty:{type:Boolean,default:!1},customPluralRule:{type:Function,default:null},number:{type:[Number,String]},date:{type:[Date,String,Number]},relativeDate:{type:[Date,String,Number]}},setup(t,{slots:e,attrs:n}){const o=r.inject(I);if(!o)throw new Error("[i18n-micro] I18nT: i18n instance not found. Make sure i18n plugin is installed.");return()=>{const u={},l=o.getRoute();if(t.number!==void 0){const a=Number(t.number),c=o.tn(a),f=o.t(t.keypath,{number:c,...t.params},void 0,l);return r.h(t.tag,{...n,innerHTML:f})}if(t.date!==void 0){const a=o.td(t.date),c=o.t(t.keypath,{date:a,...t.params},void 0,l);return r.h(t.tag,{...n,innerHTML:c})}if(t.relativeDate!==void 0){const a=o.tdr(t.relativeDate),c=o.t(t.keypath,{relativeDate:a,...t.params},void 0,l);return r.h(t.tag,{...n,innerHTML:c})}if(t.plural!==void 0){const a=Number.parseInt(t.plural.toString(),10);if(t.customPluralRule){const c=t.customPluralRule(t.keypath,a,t.params,o.locale.value,(f,p,k)=>o.t(f,p,k,l));return r.h(t.tag,{...n,innerHTML:c||""})}else{const c=o.tc(t.keypath,{count:a,...t.params});return r.h(t.tag,{...n,innerHTML:c})}}const d=(o.t(t.keypath,{...t.params,...u},void 0,l)??"").toString();if(t.hideIfEmpty&&!d.trim())return t.defaultValue??null;if(t.html)return r.h(t.tag,{...n,innerHTML:d});if(e.default)return r.h(t.tag,n,e.default({translation:d}));const h=[];let i=0;for(const[a,c]of Object.entries(e)){if(a==="default")continue;const f=`{${a}}`,p=d.indexOf(f,i);p!==-1&&(p>i&&h.push(d.slice(i,p)),c&&h.push(r.h(c)),i=p+f.length)}return i<d.length&&h.push(d.slice(i)),e.default?r.h(t.tag,n,e.default({children:h})):h.length>0?r.h(t.tag,n,h):r.h(t.tag,n,d)}}});function B(t){const e=r.inject(I),n=r.inject($,void 0),o=r.inject(N,void 0),u=r.inject(U,void 0);if(!e)throw new Error("[i18n-micro] useI18n() must be called after app.use(i18n). Make sure i18n plugin is installed.");if(!o)throw new Error("[i18n-micro] I18nLocalesKey not provided. Make sure app.provide(I18nLocalesKey, locales) is called.");if(!u)throw new Error("[i18n-micro] I18nDefaultLocaleKey not provided. Make sure app.provide(I18nDefaultLocaleKey, defaultLocale) is called.");const l=t?.locales||o,d=t?.defaultLocale||u,h=(i,a)=>n?.resolvePath?n.resolvePath(i,a||e.locale.value):i;return{instance:e,locale:r.computed({get:()=>e.locale.value,set:i=>{e.locale.value=i}}),getLocales:()=>l,defaultLocale:()=>d,getLocaleName:()=>l.find(a=>a.code===e.locale.value)?.displayName||null,localeRoute:h,localePath:(i,a)=>{const c=h(i,a);return typeof c=="string"?c:c.path||"/"},switchLocale:i=>{if(e.locale.value=i,n){const a=n.getCurrentPath(),c=h(a,i);n.push(typeof c=="string"?{path:c}:{path:c.path||"/"})}},t:e.t.bind(e),ts:e.ts.bind(e),tc:e.tc.bind(e),tn:e.tn.bind(e),td:e.td.bind(e),tdr:e.tdr.bind(e),has:e.has.bind(e),setRoute:e.setRoute.bind(e),getRoute:e.getRoute.bind(e),getLocale:()=>e.locale.value,addTranslations:e.addTranslations.bind(e),addRouteTranslations:e.addRouteTranslations.bind(e),mergeTranslations:e.mergeTranslations.bind(e),mergeGlobalTranslations:e.mergeGlobalTranslations.bind(e),clearCache:e.clearCache.bind(e)}}function J(t={}){const{addDirAttribute:e=!0,identifierAttribute:n="id",addSeoAttributes:o=!0,baseUrl:u="/"}=t,{getLocale:l,getLocales:d,localeRoute:h}=B(),i=r.inject($,void 0),a=r.ref({htmlAttrs:{},link:[],meta:[]});function c(p,k){const S=new URL(p,"http://localhost"),P=new URLSearchParams(S.search),R={};for(const L of k)P.has(L)&&(R[L]=P.get(L));const j=new URLSearchParams(R);return j.toString()?`${S.pathname}?${j.toString()}`:S.pathname}function f(p=[]){if(!i){a.value={htmlAttrs:{},link:[],meta:[]};return}const k=l(),S=d(),P=S.find(y=>y.code===k);if(!P)return;const R=P.iso||k,j=P.dir||"auto";let L=i.getCurrentPath();L.startsWith("/")||(L=`/${L}`);const K=L.split("/").filter(Boolean),D=S.find(y=>K[0]===y.code);let M=L,v;D?(M=L.slice(D.code.length+1)||"/",v=c(M,p)):v=c(L,p);const s=`${typeof u=="function"?u():u}${v.startsWith("/")?"":"/"}${v}`;if(a.value={htmlAttrs:{lang:R,...e?{dir:j}:{}},link:[],meta:[]},!o)return;const m=S,b={[n]:"i18n-og",property:"og:locale",content:R},g={[n]:"i18n-og-url",property:"og:url",content:s},C=m.map(y=>({[n]:`i18n-og-alt-${y.iso||y.code}`,property:"og:locale:alternate",content:y.iso||y.code})),T={[n]:"i18n-can",rel:"canonical",href:s},x=m.flatMap(y=>{if(!h||!i)return[];const _=i.getCurrentPath(),O=h(_,y.code),w=typeof O=="string"?O:O?.path||"/";if(!w)return[];let A;w.startsWith("http://")||w.startsWith("https://")?A=w:A=`${typeof u=="function"?u():u}${w.startsWith("/")?"":"/"}${w}`;const V=[{[n]:`i18n-alternate-${y.code}`,rel:"alternate",href:A,hreflang:y.code}];return y.iso&&y.iso!==y.code&&V.push({[n]:`i18n-alternate-${y.iso}`,rel:"alternate",href:A,hreflang:y.iso}),V});a.value.meta=[b,g,...C],a.value.link=[T,...x]}return{metaObject:a,updateMeta:f}}class z extends E.BaseI18n{constructor(e){const n={translations:new Map};if(super({storage:n,plural:e.plural,missingWarn:e.missingWarn,missingHandler:e.missingHandler}),this.listeners=new Set,this.storage=n,this._locale=r.shallowRef(e.locale),this._fallbackLocale=r.shallowRef(e.fallbackLocale||e.locale),this._currentRoute=r.shallowRef("general"),this._revision=r.shallowRef(0),e.messages)for(const[o,u]of Object.entries(e.messages))this.helper.loadTranslations(o,u)}get locale(){return this._locale}set locale(e){typeof e=="string"?this._locale.value=e:this._locale=e}get fallbackLocale(){return this._fallbackLocale}set fallbackLocale(e){typeof e=="string"?this._fallbackLocale.value=e:this._fallbackLocale=e}get currentRoute(){return this._currentRoute}setRoute(e){this._currentRoute.value=e}getLocale(){return this._locale.value}getFallbackLocale(){return this._fallbackLocale.value}getRoute(){return this._currentRoute.value}addTranslations(e,n,o=!0){super.loadTranslationsCore(e,n,o),this._revision.value++,this.notifyListeners()}addRouteTranslations(e,n,o,u=!0){super.loadRouteTranslationsCore(e,n,o,u),this._revision.value++,this.notifyListeners()}mergeTranslations(e,n,o){this.helper.mergeTranslation(e,n,o,!0),this._revision.value++,this.notifyListeners()}mergeGlobalTranslations(e,n){this.helper.mergeGlobalTranslation(e,n,!0),this._revision.value++,this.notifyListeners()}clearCache(){super.clearCache(),this._revision.value++,this.notifyListeners()}subscribeToChanges(e){return this.listeners.add(e),()=>this.listeners.delete(e)}notifyListeners(){this.listeners.forEach(e=>e())}getAllTranslations(){const e={};for(const[n,o]of this.storage.translations)if(!n.includes(":"))e[n]=o;else{const u=n.split(":")[0];u&&(e[u]||(e[u]={}),Object.assign(e[u],o))}return e}getStorage(){return this.storage}getGeneralCache(){const e={};for(const[n,o]of this.storage.translations)n.includes(":")||(e[n]=o);return e}getRouteCache(){const e={};for(const[n,o]of this.storage.translations)n.includes(":")&&(e[n]=o);return e}}function Q(t){const{routingStrategy:e,locales:n,defaultLocale:o,...u}=t,l=new z(u);let d=null,h=e||null;return{global:l,setRoutingStrategy:a=>{h=a,d&&d.provide($,a)},install(a){d=a,a.provide(I,l),h&&a.provide($,h),n&&a.provide(N,n),o&&a.provide(U,o),a.config.globalProperties.$t=(c,f,p,k)=>l.t(c,f,p,k),a.config.globalProperties.$ts=(c,f,p,k)=>l.ts(c,f,p,k),a.config.globalProperties.$tc=(c,f,p)=>l.tc(c,f,p),a.config.globalProperties.$tn=(c,f)=>l.tn(c,f),a.config.globalProperties.$td=(c,f)=>l.td(c,f),a.config.globalProperties.$tdr=(c,f)=>l.tdr(c,f),a.config.globalProperties.$has=(c,f)=>l.has(c,f),a.config.globalProperties.$i18n=l,a.component("I18nT",q),a.component("I18nLink",G),a.component("I18nGroup",F),a.component("I18nSwitcher",W)}}}function X(t,e,n){const o=e.map(l=>l.code),u=(l,d)=>{const i=(typeof l=="string"?l:l.path||"/").split("/").filter(Boolean),a=i[0];a!==void 0&&o.includes(a)&&i.shift();const c=`/${i.join("/")}`;return d===n?c:`/${d}${c==="/"?"":c}`};return{linkComponent:Z.RouterLink,getCurrentPath:()=>t.currentRoute.value.path,push:l=>{t.push(l.path).catch(()=>{})},replace:l=>{t.replace(l.path).catch(()=>{})},resolvePath:(l,d)=>u(l,d),getRoute:()=>({fullPath:t.currentRoute.value.fullPath,query:t.currentRoute.value.query})}}Object.defineProperty(exports,"FormatService",{enumerable:!0,get:()=>E.FormatService});Object.defineProperty(exports,"defaultPlural",{enumerable:!0,get:()=>E.defaultPlural});Object.defineProperty(exports,"interpolate",{enumerable:!0,get:()=>E.interpolate});exports.I18nDefaultLocaleKey=U;exports.I18nGroup=F;exports.I18nInjectionKey=I;exports.I18nLink=G;exports.I18nLocalesKey=N;exports.I18nSwitcher=W;exports.I18nT=q;exports.VueI18n=z;exports.createI18n=Q;exports.createVueRouterAdapter=X;exports.useI18n=B;exports.useLocaleHead=J;

package/dist/index.d.ts

@@ -1,15 +1,15 @@
-export { createI18n } from './plugin';
-export type { I18nPlugin } from './plugin';
-export { useI18n, type UseI18nOptions } from './use-i18n';
-export { VueI18n, type VueI18nOptions } from './composer';
-export { I18nT } from './components/i18n-t';
-export { I18nLink } from './components/i18n-link';
 export { I18nGroup } from './components/i18n-group';
+export { I18nLink } from './components/i18n-link';
 export { I18nSwitcher } from './components/i18n-switcher';
-export { I18nInjectionKey, I18nLocalesKey, I18nDefaultLocaleKey } from './injection';
-export { useLocaleHead } from './composables/use-locale-head';
+export { I18nT } from './components/i18n-t';
 export type { UseLocaleHeadOptions } from './composables/use-locale-head';
-export type { I18nRoutingStrategy } from './router/types';
+export { useLocaleHead } from './composables/use-locale-head';
+export { VueI18n, type VueI18nOptions } from './composer';
+export { I18nDefaultLocaleKey, I18nInjectionKey, I18nLocalesKey } from './injection';
+export type { I18nPlugin } from './plugin';
+export { createI18n } from './plugin';
+export { type UseI18nOptions, useI18n } from './use-i18n';
+export { defaultPlural, FormatService, interpolate } from '@i18n-micro/core';
+export type { CleanTranslation, Getter, Locale, LocaleCode, Params, PluralFunc, Translations, } from '@i18n-micro/types';
 export { createVueRouterAdapter } from './router/adapter';
-export type { Translations, Params, PluralFunc, Getter, Locale, LocaleCode, CleanTranslation, } from '@i18n-micro/types';
-export { interpolate, FormatService, defaultPlural } from '@i18n-micro/core';
+export type { I18nRoutingStrategy } from './router/types';

package/dist/index.mjs

@@ -1,200 +1,33 @@
-import { shallowRef as U, defineComponent as H, inject as S, h as g, computed as R, ref as G, onMounted as z, onUnmounted as q, nextTick as Z } from "vue";
+import { defineComponent as H, inject as S, h as g, computed as R, ref as G, onMounted as z, onUnmounted as q, nextTick as Z, shallowRef as U } from "vue";
 import { BaseI18n as J } from "@i18n-micro/core";
 import { FormatService as he, defaultPlural as ge, interpolate as ye } from "@i18n-micro/core";
 import { RouterLink as Q } from "vue-router";
-class X extends J {
-  constructor(e) {
-    const n = {
-      translations: /* @__PURE__ */ new Map()
-    };
-    if (super({
-      storage: n,
-      plural: e.plural,
-      missingWarn: e.missingWarn,
-      missingHandler: e.missingHandler
-    }), this.listeners = /* @__PURE__ */ new Set(), this.storage = n, this._locale = U(e.locale), this._fallbackLocale = U(e.fallbackLocale || e.locale), this._currentRoute = U("general"), this._revision = U(0), e.messages)
-      for (const [r, c] of Object.entries(e.messages))
-        this.helper.loadTranslations(r, c);
-  }
-  get locale() {
-    return this._locale;
-  }
-  set locale(e) {
-    typeof e == "string" ? this._locale.value = e : this._locale = e;
-  }
-  get fallbackLocale() {
-    return this._fallbackLocale;
-  }
-  set fallbackLocale(e) {
-    typeof e == "string" ? this._fallbackLocale.value = e : this._fallbackLocale = e;
-  }
-  get currentRoute() {
-    return this._currentRoute;
-  }
-  setRoute(e) {
-    this._currentRoute.value = e;
-  }
-  getLocale() {
-    return this._locale.value;
-  }
-  getFallbackLocale() {
-    return this._fallbackLocale.value;
-  }
-  getRoute() {
-    return this._currentRoute.value;
-  }
-  addTranslations(e, n, r = !0) {
-    super.loadTranslationsCore(e, n, r), this._revision.value++, this.notifyListeners();
-  }
-  addRouteTranslations(e, n, r, c = !0) {
-    super.loadRouteTranslationsCore(e, n, r, c), this._revision.value++, this.notifyListeners();
-  }
-  mergeTranslations(e, n, r) {
-    this.helper.mergeTranslation(e, n, r, !0), this._revision.value++, this.notifyListeners();
-  }
-  mergeGlobalTranslations(e, n) {
-    this.helper.mergeGlobalTranslation(e, n, !0), this._revision.value++, this.notifyListeners();
-  }
-  clearCache() {
-    super.clearCache(), this._revision.value++, this.notifyListeners();
-  }
-  subscribeToChanges(e) {
-    return this.listeners.add(e), () => this.listeners.delete(e);
-  }
-  notifyListeners() {
-    this.listeners.forEach((e) => e());
-  }
-  getAllTranslations() {
-    const e = {};
-    for (const [n, r] of this.storage.translations)
-      if (!n.includes(":"))
-        e[n] = r;
-      else {
-        const c = n.split(":")[0];
-        c && (e[c] || (e[c] = {}), Object.assign(e[c], r));
-      }
-    return e;
-  }
-  getStorage() {
-    return this.storage;
-  }
-  getGeneralCache() {
-    const e = {};
-    for (const [n, r] of this.storage.translations)
-      n.includes(":") || (e[n] = r);
-    return e;
-  }
-  getRouteCache() {
-    const e = {};
-    for (const [n, r] of this.storage.translations)
-      n.includes(":") && (e[n] = r);
-    return e;
-  }
-}
-const D = /* @__PURE__ */ Symbol("i18n"), K = /* @__PURE__ */ Symbol("i18n-locales"), B = /* @__PURE__ */ Symbol("i18n-default-locale"), j = /* @__PURE__ */ Symbol("i18n-router-strategy"), Y = H({
-  name: "I18nT",
+const D = /* @__PURE__ */ Symbol("i18n"), K = /* @__PURE__ */ Symbol("i18n-locales"), B = /* @__PURE__ */ Symbol("i18n-default-locale"), j = /* @__PURE__ */ Symbol("i18n-router-strategy"), X = H({
+  name: "I18nGroup",
   props: {
-    keypath: {
+    prefix: {
       type: String,
       required: !0
     },
-    plural: {
-      type: [Number, String]
-    },
-    tag: {
-      type: String,
-      default: "span"
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    defaultValue: {
+    groupClass: {
       type: String,
       default: ""
-    },
-    html: {
-      type: Boolean,
-      default: !1
-    },
-    hideIfEmpty: {
-      type: Boolean,
-      default: !1
-    },
-    customPluralRule: {
-      type: Function,
-      default: null
-    },
-    number: {
-      type: [Number, String]
-    },
-    date: {
-      type: [Date, String, Number]
-    },
-    relativeDate: {
-      type: [Date, String, Number]
     }
   },
-  setup(t, { slots: e, attrs: n }) {
-    const r = S(D);
-    if (!r)
-      throw new Error("[i18n-micro] I18nT: i18n instance not found. Make sure i18n plugin is installed.");
-    return () => {
-      const c = {}, o = r.getRoute();
-      if (t.number !== void 0) {
-        const a = Number(t.number), i = r.tn(a), d = r.t(t.keypath, { number: i, ...t.params }, void 0, o);
-        return g(t.tag, { ...n, innerHTML: d });
-      }
-      if (t.date !== void 0) {
-        const a = r.td(t.date), i = r.t(t.keypath, { date: a, ...t.params }, void 0, o);
-        return g(t.tag, { ...n, innerHTML: i });
-      }
-      if (t.relativeDate !== void 0) {
-        const a = r.tdr(t.relativeDate), i = r.t(t.keypath, { relativeDate: a, ...t.params }, void 0, o);
-        return g(t.tag, { ...n, innerHTML: i });
-      }
-      if (t.plural !== void 0) {
-        const a = Number.parseInt(t.plural.toString());
-        if (t.customPluralRule) {
-          const i = t.customPluralRule(
-            t.keypath,
-            a,
-            t.params,
-            r.locale.value,
-            (d, p, k) => r.t(d, p, k, o)
-          );
-          return g(t.tag, { ...n, innerHTML: i || "" });
-        } else {
-          const i = r.tc(t.keypath, { count: a, ...t.params });
-          return g(t.tag, { ...n, innerHTML: i });
-        }
-      }
-      const u = (r.t(t.keypath, { ...t.params, ...c }, void 0, o) ?? "").toString();
-      if (t.hideIfEmpty && !u.trim())
-        return t.defaultValue ?? null;
-      if (t.html)
-        return g(t.tag, { ...n, innerHTML: u });
-      if (e.default)
-        return g(
-          t.tag,
-          n,
-          e.default({ translation: u })
-        );
-      const f = [];
-      let l = 0;
-      for (const [a, i] of Object.entries(e)) {
-        if (a === "default") continue;
-        const d = `{${a}}`, p = u.indexOf(d, l);
-        p !== -1 && (p > l && f.push(u.slice(l, p)), i && f.push(g(i)), l = p + d.length);
-      }
-      return l < u.length && f.push(u.slice(l)), e.default ? g(
-        t.tag,
-        n,
-        e.default({ children: f })
-      ) : f.length > 0 ? g(t.tag, n, f) : g(t.tag, n, u);
-    };
+  setup(t, { slots: e }) {
+    const n = S(D);
+    if (!n)
+      throw new Error("[i18n-micro] I18nGroup: i18n instance not found. Make sure i18n plugin is installed.");
+    const r = (c, o) => n.t(`${t.prefix}.${c}`, o, void 0, n.getRoute());
+    return () => g(
+      "div",
+      {
+        class: ["i18n-group", t.groupClass]
+      },
+      e.default?.({ prefix: t.prefix, t: r })
+    );
   }
-}), ee = H({
+}), Y = H({
   name: "I18nLink",
   props: {
     to: {
@@ -231,44 +64,35 @@ const D = /* @__PURE__ */ Symbol("i18n"), K = /* @__PURE__ */ Symbol("i18n-local
       const l = r.getCurrentPath().replace(/\/$/, ""), a = o.value.replace(/\/$/, "");
       return l === a;
     }), f = R(() => u.value ? t.activeStyle : {});
-    return () => c.value ? g("a", {
-      href: o.value,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      style: f.value
-    }, e.default?.()) : r?.linkComponent ? g(r.linkComponent, {
-      to: o.value,
-      style: f.value
-    }, { default: e.default }) : g("a", {
-      href: o.value,
-      style: f.value,
-      onClick: (l) => {
-        l.preventDefault(), r ? r.push({ path: o.value }) : window.location.href = o.value;
-      }
-    }, e.default?.());
-  }
-}), te = H({
-  name: "I18nGroup",
-  props: {
-    prefix: {
-      type: String,
-      required: !0
-    },
-    groupClass: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(t, { slots: e }) {
-    const n = S(D);
-    if (!n)
-      throw new Error("[i18n-micro] I18nGroup: i18n instance not found. Make sure i18n plugin is installed.");
-    const r = (c, o) => n.t(`${t.prefix}.${c}`, o, void 0, n.getRoute());
-    return () => g("div", {
-      class: ["i18n-group", t.groupClass]
-    }, e.default?.({ prefix: t.prefix, t: r }));
+    return () => c.value ? g(
+      "a",
+      {
+        href: o.value,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: f.value
+      },
+      e.default?.()
+    ) : r?.linkComponent ? g(
+      r.linkComponent,
+      {
+        to: o.value,
+        style: f.value
+      },
+      { default: e.default }
+    ) : g(
+      "a",
+      {
+        href: o.value,
+        style: f.value,
+        onClick: (l) => {
+          l.preventDefault(), r ? r.push({ path: o.value }) : window.location.href = o.value;
+        }
+      },
+      e.default?.()
+    );
   }
-}), ne = H({
+}), ee = H({
   name: "I18nSwitcher",
   props: {
     customLabels: {
@@ -333,7 +157,9 @@ const D = /* @__PURE__ */ Symbol("i18n"), K = /* @__PURE__ */ Symbol("i18n-local
     if (!n)
       throw new Error("[i18n-micro] I18nSwitcher: i18n instance not found. Make sure i18n plugin is installed.");
     if (!c && !t.locales)
-      throw new Error("[i18n-micro] I18nSwitcher: locales not provided. Make sure app.provide(I18nLocalesKey, locales) is called or pass locales prop.");
+      throw new Error(
+        "[i18n-micro] I18nSwitcher: locales not provided. Make sure app.provide(I18nLocalesKey, locales) is called or pass locales prop."
+      );
     const o = R(() => t.locales || c || []), u = R(() => t.currentLocale !== void 0 ? typeof t.currentLocale == "function" ? t.currentLocale() : t.currentLocale : n.locale.value), f = R(() => t.getLocaleName ? t.getLocaleName() || null : o.value.find((y) => y.code === n.locale.value)?.displayName || null), l = G(!1), a = G(null), i = (s) => {
       s && (s.stopPropagation(), s.preventDefault()), l.value = !l.value;
     }, d = (s) => t.customLabels[s.code] || s.displayName || s.code, p = R(() => {
@@ -415,24 +241,32 @@ const D = /* @__PURE__ */ Symbol("i18n"), K = /* @__PURE__ */ Symbol("i18n-local
       e["before-button"] && s.push(...v(e["before-button"]()));
       const y = [];
       if (e["before-selected-locale"] && y.push(...v(e["before-selected-locale"]())), y.push(g("span", p.value)), e["after-selected-locale"] && y.push(...v(e["after-selected-locale"]())), y.push(
-        g("span", {
-          style: {
-            ..._,
-            ...l.value ? A : {},
-            ...t.customIconStyle
-          }
-        }, "▼")
+        g(
+          "span",
+          {
+            style: {
+              ..._,
+              ...l.value ? A : {},
+              ...t.customIconStyle
+            }
+          },
+          "▼"
+        )
       ), s.push(
-        g("button", {
-          class: "i18n-switcher-button",
-          style: { ...C, ...t.customButtonStyle },
-          onClick: (b) => {
-            b.preventDefault(), b.stopPropagation(), i(b);
+        g(
+          "button",
+          {
+            class: "i18n-switcher-button",
+            style: { ...C, ...t.customButtonStyle },
+            onClick: (b) => {
+              b.preventDefault(), b.stopPropagation(), i(b);
+            },
+            type: "button",
+            ariaHaspopup: !0,
+            ariaExpanded: l.value
           },
-          type: "button",
-          ariaHaspopup: !0,
-          ariaExpanded: l.value
-        }, y)
+          y
+        )
       ), e["before-dropdown"] && s.push(...v(e["before-dropdown"]())), l.value) {
         const b = [];
         e["before-dropdown-items"] && b.push(...v(e["before-dropdown-items"]())), o.value.forEach((h) => {
@@ -442,56 +276,152 @@ const D = /* @__PURE__ */ Symbol("i18n"), K = /* @__PURE__ */ Symbol("i18n-local
           e["before-link-content"] && $.push(...v(e["before-link-content"]({ locale: h }))), $.push(d(h)), e["after-link-content"] && $.push(...v(e["after-link-content"]({ locale: h })));
           const O = typeof window < "u" ? window.location.pathname : "/", m = t.localeRoute ? t.localeRoute(O, h.code) : r?.resolvePath ? r.resolvePath(O, h.code) : O, E = typeof m == "string" ? m : m.path || "#", M = h.code === u.value;
           x.push(
-            g("a", {
-              class: `switcher-locale-${h.code}`,
-              href: typeof E == "string" ? E : "#",
-              style: {
-                ...L,
-                ...M ? W : {},
-                ...t.customLinkStyle
+            g(
+              "a",
+              {
+                class: `switcher-locale-${h.code}`,
+                href: typeof E == "string" ? E : "#",
+                style: {
+                  ...L,
+                  ...M ? W : {},
+                  ...t.customLinkStyle
+                },
+                // Предотвращаем стандартную навигацию, используем только handleSwitchLocale
+                onClick: (P) => {
+                  P.preventDefault(), P.stopPropagation(), k(h.code);
+                }
               },
-              // Предотвращаем стандартную навигацию, используем только handleSwitchLocale
-              onClick: (P) => {
-                P.preventDefault(), P.stopPropagation(), k(h.code);
-              }
-            }, $)
+              $
+            )
           ), e["after-item"] && x.push(...v(e["after-item"]({ locale: h }))), b.push(
-            g("li", {
-              key: h.code,
-              style: { ...T, ...t.customItemStyle }
-            }, x)
+            g(
+              "li",
+              {
+                key: h.code,
+                style: { ...T, ...t.customItemStyle }
+              },
+              x
+            )
           );
         }), e["after-dropdown-items"] && b.push(...v(e["after-dropdown-items"]())), s.push(
-          g("ul", {
-            class: "i18n-switcher-dropdown",
-            style: { ...I, ...t.customDropdownStyle }
-          }, b)
+          g(
+            "ul",
+            {
+              class: "i18n-switcher-dropdown",
+              style: { ...I, ...t.customDropdownStyle }
+            },
+            b
+          )
         );
       }
-      return e["after-dropdown"] && s.push(...v(e["after-dropdown"]())), g("div", {
-        ref: a,
-        class: "i18n-switcher-wrapper",
-        style: { ...w, ...t.customWrapperStyle }
-      }, s);
+      return e["after-dropdown"] && s.push(...v(e["after-dropdown"]())), g(
+        "div",
+        {
+          ref: a,
+          class: "i18n-switcher-wrapper",
+          style: { ...w, ...t.customWrapperStyle }
+        },
+        s
+      );
     };
   }
-});
-function ce(t) {
-  const { routingStrategy: e, locales: n, defaultLocale: r, ...c } = t, o = new X(c);
-  let u = null, f = e || null;
-  return {
-    global: o,
-    // Доступ к инстансу вне компонентов
-    setRoutingStrategy: (a) => {
-      f = a, u && u.provide(j, a);
+}), te = H({
+  name: "I18nT",
+  props: {
+    keypath: {
+      type: String,
+      required: !0
     },
-    // Метод для установки адаптера после создания
-    install(a) {
-      u = a, a.provide(D, o), f && a.provide(j, f), n && a.provide(K, n), r && a.provide(B, r), a.config.globalProperties.$t = (i, d, p, k) => o.t(i, d, p, k), a.config.globalProperties.$ts = (i, d, p, k) => o.ts(i, d, p, k), a.config.globalProperties.$tc = (i, d, p) => o.tc(i, d, p), a.config.globalProperties.$tn = (i, d) => o.tn(i, d), a.config.globalProperties.$td = (i, d) => o.td(i, d), a.config.globalProperties.$tdr = (i, d) => o.tdr(i, d), a.config.globalProperties.$has = (i, d) => o.has(i, d), a.config.globalProperties.$i18n = o, a.component("I18nT", Y), a.component("I18nLink", ee), a.component("I18nGroup", te), a.component("I18nSwitcher", ne);
+    plural: {
+      type: [Number, String]
+    },
+    tag: {
+      type: String,
+      default: "span"
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    defaultValue: {
+      type: String,
+      default: ""
+    },
+    html: {
+      type: Boolean,
+      default: !1
+    },
+    hideIfEmpty: {
+      type: Boolean,
+      default: !1
+    },
+    customPluralRule: {
+      type: Function,
+      default: null
+    },
+    number: {
+      type: [Number, String]
+    },
+    date: {
+      type: [Date, String, Number]
+    },
+    relativeDate: {
+      type: [Date, String, Number]
     }
-  };
-}
-function ae(t) {
+  },
+  setup(t, { slots: e, attrs: n }) {
+    const r = S(D);
+    if (!r)
+      throw new Error("[i18n-micro] I18nT: i18n instance not found. Make sure i18n plugin is installed.");
+    return () => {
+      const c = {}, o = r.getRoute();
+      if (t.number !== void 0) {
+        const a = Number(t.number), i = r.tn(a), d = r.t(t.keypath, { number: i, ...t.params }, void 0, o);
+        return g(t.tag, { ...n, innerHTML: d });
+      }
+      if (t.date !== void 0) {
+        const a = r.td(t.date), i = r.t(t.keypath, { date: a, ...t.params }, void 0, o);
+        return g(t.tag, { ...n, innerHTML: i });
+      }
+      if (t.relativeDate !== void 0) {
+        const a = r.tdr(t.relativeDate), i = r.t(t.keypath, { relativeDate: a, ...t.params }, void 0, o);
+        return g(t.tag, { ...n, innerHTML: i });
+      }
+      if (t.plural !== void 0) {
+        const a = Number.parseInt(t.plural.toString(), 10);
+        if (t.customPluralRule) {
+          const i = t.customPluralRule(
+            t.keypath,
+            a,
+            t.params,
+            r.locale.value,
+            (d, p, k) => r.t(d, p, k, o)
+          );
+          return g(t.tag, { ...n, innerHTML: i || "" });
+        } else {
+          const i = r.tc(t.keypath, { count: a, ...t.params });
+          return g(t.tag, { ...n, innerHTML: i });
+        }
+      }
+      const u = (r.t(t.keypath, { ...t.params, ...c }, void 0, o) ?? "").toString();
+      if (t.hideIfEmpty && !u.trim())
+        return t.defaultValue ?? null;
+      if (t.html)
+        return g(t.tag, { ...n, innerHTML: u });
+      if (e.default)
+        return g(t.tag, n, e.default({ translation: u }));
+      const f = [];
+      let l = 0;
+      for (const [a, i] of Object.entries(e)) {
+        if (a === "default") continue;
+        const d = `{${a}}`, p = u.indexOf(d, l);
+        p !== -1 && (p > l && f.push(u.slice(l, p)), i && f.push(g(i)), l = p + d.length);
+      }
+      return l < u.length && f.push(u.slice(l)), e.default ? g(t.tag, n, e.default({ children: f })) : f.length > 0 ? g(t.tag, n, f) : g(t.tag, n, u);
+    };
+  }
+});
+function ne(t) {
   const e = S(D), n = S(j, void 0), r = S(K, void 0), c = S(B, void 0);
   if (!e)
     throw new Error("[i18n-micro] useI18n() must be called after app.use(i18n). Make sure i18n plugin is installed.");
@@ -546,13 +476,8 @@ function ae(t) {
     clearCache: e.clearCache.bind(e)
   };
 }
-function se(t = {}) {
-  const {
-    addDirAttribute: e = !0,
-    identifierAttribute: n = "id",
-    addSeoAttributes: r = !0,
-    baseUrl: c = "/"
-  } = t, { getLocale: o, getLocales: u, localeRoute: f } = ae(), l = S(j, void 0), a = G({
+function ce(t = {}) {
+  const { addDirAttribute: e = !0, identifierAttribute: n = "id", addSeoAttributes: r = !0, baseUrl: c = "/" } = t, { getLocale: o, getLocales: u, localeRoute: f } = ne(), l = S(j, void 0), a = G({
     htmlAttrs: {},
     link: [],
     meta: []
@@ -612,12 +537,14 @@ function se(t = {}) {
         return [];
       let N;
       P.startsWith("http://") || P.startsWith("https://") ? N = P : N = `${typeof c == "function" ? c() : c}${P.startsWith("/") ? "" : "/"}${P}`;
-      const V = [{
-        [n]: `i18n-alternate-${m.code}`,
-        rel: "alternate",
-        href: N,
-        hreflang: m.code
-      }];
+      const V = [
+        {
+          [n]: `i18n-alternate-${m.code}`,
+          rel: "alternate",
+          href: N,
+          hreflang: m.code
+        }
+      ];
       return m.iso && m.iso !== m.code && V.push({
         [n]: `i18n-alternate-${m.iso}`,
         rel: "alternate",
@@ -632,11 +559,115 @@ function se(t = {}) {
     updateMeta: d
   };
 }
+class ae extends J {
+  constructor(e) {
+    const n = {
+      translations: /* @__PURE__ */ new Map()
+    };
+    if (super({
+      storage: n,
+      plural: e.plural,
+      missingWarn: e.missingWarn,
+      missingHandler: e.missingHandler
+    }), this.listeners = /* @__PURE__ */ new Set(), this.storage = n, this._locale = U(e.locale), this._fallbackLocale = U(e.fallbackLocale || e.locale), this._currentRoute = U("general"), this._revision = U(0), e.messages)
+      for (const [r, c] of Object.entries(e.messages))
+        this.helper.loadTranslations(r, c);
+  }
+  get locale() {
+    return this._locale;
+  }
+  set locale(e) {
+    typeof e == "string" ? this._locale.value = e : this._locale = e;
+  }
+  get fallbackLocale() {
+    return this._fallbackLocale;
+  }
+  set fallbackLocale(e) {
+    typeof e == "string" ? this._fallbackLocale.value = e : this._fallbackLocale = e;
+  }
+  get currentRoute() {
+    return this._currentRoute;
+  }
+  setRoute(e) {
+    this._currentRoute.value = e;
+  }
+  getLocale() {
+    return this._locale.value;
+  }
+  getFallbackLocale() {
+    return this._fallbackLocale.value;
+  }
+  getRoute() {
+    return this._currentRoute.value;
+  }
+  addTranslations(e, n, r = !0) {
+    super.loadTranslationsCore(e, n, r), this._revision.value++, this.notifyListeners();
+  }
+  addRouteTranslations(e, n, r, c = !0) {
+    super.loadRouteTranslationsCore(e, n, r, c), this._revision.value++, this.notifyListeners();
+  }
+  mergeTranslations(e, n, r) {
+    this.helper.mergeTranslation(e, n, r, !0), this._revision.value++, this.notifyListeners();
+  }
+  mergeGlobalTranslations(e, n) {
+    this.helper.mergeGlobalTranslation(e, n, !0), this._revision.value++, this.notifyListeners();
+  }
+  clearCache() {
+    super.clearCache(), this._revision.value++, this.notifyListeners();
+  }
+  subscribeToChanges(e) {
+    return this.listeners.add(e), () => this.listeners.delete(e);
+  }
+  notifyListeners() {
+    this.listeners.forEach((e) => e());
+  }
+  getAllTranslations() {
+    const e = {};
+    for (const [n, r] of this.storage.translations)
+      if (!n.includes(":"))
+        e[n] = r;
+      else {
+        const c = n.split(":")[0];
+        c && (e[c] || (e[c] = {}), Object.assign(e[c], r));
+      }
+    return e;
+  }
+  getStorage() {
+    return this.storage;
+  }
+  getGeneralCache() {
+    const e = {};
+    for (const [n, r] of this.storage.translations)
+      n.includes(":") || (e[n] = r);
+    return e;
+  }
+  getRouteCache() {
+    const e = {};
+    for (const [n, r] of this.storage.translations)
+      n.includes(":") && (e[n] = r);
+    return e;
+  }
+}
+function se(t) {
+  const { routingStrategy: e, locales: n, defaultLocale: r, ...c } = t, o = new ae(c);
+  let u = null, f = e || null;
+  return {
+    global: o,
+    // Доступ к инстансу вне компонентов
+    setRoutingStrategy: (a) => {
+      f = a, u && u.provide(j, a);
+    },
+    // Метод для установки адаптера после создания
+    install(a) {
+      u = a, a.provide(D, o), f && a.provide(j, f), n && a.provide(K, n), r && a.provide(B, r), a.config.globalProperties.$t = (i, d, p, k) => o.t(i, d, p, k), a.config.globalProperties.$ts = (i, d, p, k) => o.ts(i, d, p, k), a.config.globalProperties.$tc = (i, d, p) => o.tc(i, d, p), a.config.globalProperties.$tn = (i, d) => o.tn(i, d), a.config.globalProperties.$td = (i, d) => o.td(i, d), a.config.globalProperties.$tdr = (i, d) => o.tdr(i, d), a.config.globalProperties.$has = (i, d) => o.has(i, d), a.config.globalProperties.$i18n = o, a.component("I18nT", te), a.component("I18nLink", Y), a.component("I18nGroup", X), a.component("I18nSwitcher", ee);
+    }
+  };
+}
 function ue(t, e, n) {
   const r = e.map((o) => o.code), c = (o, u) => {
     const l = (typeof o == "string" ? o : o.path || "/").split("/").filter(Boolean), a = l[0];
     a !== void 0 && r.includes(a) && l.shift();
-    const i = "/" + l.join("/");
+    const i = `/${l.join("/")}`;
     return u === n ? i : `/${u}${i === "/" ? "" : i}`;
   };
   return {
@@ -660,17 +691,17 @@ function ue(t, e, n) {
 export {
   he as FormatService,
   B as I18nDefaultLocaleKey,
-  te as I18nGroup,
+  X as I18nGroup,
   D as I18nInjectionKey,
-  ee as I18nLink,
+  Y as I18nLink,
   K as I18nLocalesKey,
-  ne as I18nSwitcher,
-  Y as I18nT,
-  X as VueI18n,
-  ce as createI18n,
+  ee as I18nSwitcher,
+  te as I18nT,
+  ae as VueI18n,
+  se as createI18n,
   ue as createVueRouterAdapter,
   ge as defaultPlural,
   ye as interpolate,
-  ae as useI18n,
-  se as useLocaleHead
+  ne as useI18n,
+  ce as useLocaleHead
 };

package/dist/injection.d.ts

@@ -1,6 +1,6 @@
+import { Locale } from '@i18n-micro/types';
 import { InjectionKey } from 'vue';
 import { VueI18n } from './composer';
-import { Locale } from '@i18n-micro/types';
 import { I18nRoutingStrategy } from './router/types';
 export declare const I18nInjectionKey: InjectionKey<VueI18n>;
 export declare const I18nLocalesKey: InjectionKey<Locale[]>;

package/dist/plugin.d.ts

@@ -1,6 +1,6 @@
+import { Locale } from '@i18n-micro/types';
 import { Plugin } from 'vue';
 import { VueI18n, VueI18nOptions } from './composer';
-import { Locale } from '@i18n-micro/types';
 import { I18nRoutingStrategy } from './router/types';
 export interface CreateI18nOptions extends VueI18nOptions {
     routingStrategy?: I18nRoutingStrategy;

package/dist/router/adapter.d.ts

@@ -1,6 +1,6 @@
+import { Locale } from '@i18n-micro/types';
 import { Router } from 'vue-router';
 import { I18nRoutingStrategy } from './types';
-import { Locale } from '@i18n-micro/types';
 /**
  * Factory for Vue Router adapter
  * Implements routing utilities for Vue Router

package/dist/use-i18n.d.ts

@@ -1,5 +1,5 @@
-import { VueI18n } from './composer';
 import { Locale } from '@i18n-micro/types';
+import { VueI18n } from './composer';
 export interface UseI18nOptions {
     locales?: Locale[];
     defaultLocale?: string;

package/dist/vue-shim.d.ts

@@ -9,9 +9,6 @@ declare module '@vue/runtime-core' {
     $td: (value: Date | number | string, options?: Intl.DateTimeFormatOptions) => string
     $tdr: (value: Date | number | string, options?: Intl.RelativeTimeFormatOptions) => string
     $has: (key: TranslationKey, routeName?: string) => boolean
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     $i18n: any
   }
 }
-
-export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i18n-micro/vue",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -19,8 +19,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@i18n-micro/core": "1.1.0",
-    "@i18n-micro/types": "1.1.0"
+    "@i18n-micro/core": "1.1.2",
+    "@i18n-micro/types": "1.1.1"
   },
   "peerDependencies": {
     "vue": "^3.5.25",