@i18n-micro/vue 1.3.0 → 1.3.2

package/dist/index.cjs

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

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as H, inject as S, h as g, computed as R, ref as K, onMounted as q, onUnmounted as G, 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";
-const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-locales"), z = /* @__PURE__ */ Symbol("i18n-default-locale"), j = /* @__PURE__ */ Symbol("i18n-router-strategy"), X = H({
+import { defineComponent as B, inject as k, h as y, computed as C, ref as q, onMounted as Q, onUnmounted as X, nextTick as Y, shallowRef as K } from "vue";
+import { BaseI18n as ee } from "@i18n-micro/core";
+import { FormatService as me, defaultPlural as ve, interpolate as be } from "@i18n-micro/core";
+import { RouterLink as te } from "vue-router";
+const E = /* @__PURE__ */ Symbol("i18n"), G = /* @__PURE__ */ Symbol("i18n-locales"), Z = /* @__PURE__ */ Symbol("i18n-default-locale"), A = /* @__PURE__ */ Symbol("i18n-router-strategy"), ne = B({
   name: "I18nGroup",
   props: {
     prefix: {
@@ -15,11 +15,11 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
     }
   },
   setup(t, { slots: e }) {
-    const a = S(D);
+    const a = k(E);
     if (!a)
       throw new Error("[i18n-micro] I18nGroup: i18n instance not found. Make sure i18n plugin is installed.");
     const r = (c, o) => a.t(`${t.prefix}.${c}`, o, void 0, a.getRoute());
-    return () => g(
+    return () => y(
       "div",
       {
         class: ["i18n-group", t.groupClass]
@@ -27,7 +27,7 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
       e.default?.({ prefix: t.prefix, t: r })
     );
   }
-}), Y = H({
+}), ae = B({
   name: "I18nLink",
   props: {
     to: {
@@ -44,10 +44,10 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
     }
   },
   setup(t, { slots: e }) {
-    const a = S(D), r = S(j, void 0);
+    const a = k(E), r = k(A, void 0);
     if (!a)
       throw new Error("[i18n-micro] I18nLink: i18n instance not found. Make sure i18n plugin is installed.");
-    const c = R(() => typeof t.to == "string" ? /^(?:https?:\/\/|\/\/|[a-zA-Z0-9-]+\.[a-zA-Z]{2,})|tel:|mailto:/.test(t.to) : !1), o = R(() => {
+    const c = C(() => typeof t.to == "string" ? /^(?:https?:\/\/|\/\/|[a-zA-Z0-9-]+\.[a-zA-Z]{2,})|tel:|mailto:/.test(t.to) : !1), o = C(() => {
       if (c.value)
         return t.to;
       if (t.localeRoute) {
@@ -58,33 +58,33 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
         return typeof t.to == "string" ? t.to : t.to.path || "/";
       const l = r.resolvePath(t.to, a.locale.value);
       return typeof l == "string" ? l : l.path || "/";
-    }), u = R(() => {
+    }), u = C(() => {
       if (c.value || !r)
         return !1;
       const l = r.getCurrentPath().replace(/\/$/, ""), n = o.value.replace(/\/$/, "");
       return l === n;
-    }), f = R(() => u.value ? t.activeStyle : {});
-    return () => c.value ? g(
+    }), d = C(() => u.value ? t.activeStyle : {});
+    return () => c.value ? y(
       "a",
       {
         href: o.value,
         target: "_blank",
         rel: "noopener noreferrer",
-        style: f.value
+        style: d.value
       },
       e.default?.()
-    ) : r?.linkComponent ? g(
+    ) : r?.linkComponent ? y(
       r.linkComponent,
       {
         to: o.value,
-        style: f.value
+        style: d.value
       },
       { default: e.default }
-    ) : g(
+    ) : y(
       "a",
       {
         href: o.value,
-        style: f.value,
+        style: d.value,
         onClick: (l) => {
           l.preventDefault(), r ? r.push({ path: o.value }) : window.location.href = o.value;
         }
@@ -92,7 +92,7 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
       e.default?.()
     );
   }
-}), ee = H({
+}), re = B({
   name: "I18nSwitcher",
   props: {
     customLabels: {
@@ -153,38 +153,38 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
     }
   },
   setup(t, { slots: e }) {
-    const a = S(D), r = S(j, void 0), c = S(V, void 0);
+    const a = k(E), r = k(A, void 0), c = k(G, void 0);
     if (!a)
       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."
       );
-    const o = R(() => t.locales || c || []), u = R(() => t.currentLocale !== void 0 ? typeof t.currentLocale == "function" ? t.currentLocale() : t.currentLocale : a.locale.value), f = R(() => t.getLocaleName ? t.getLocaleName() || null : o.value.find((y) => y.code === a.locale.value)?.displayName || null), l = K(!1), n = K(null), i = (s) => {
+    const o = C(() => t.locales || c || []), u = C(() => t.currentLocale !== void 0 ? typeof t.currentLocale == "function" ? t.currentLocale() : t.currentLocale : a.locale.value), d = C(() => t.getLocaleName ? t.getLocaleName() || null : o.value.find((p) => p.code === a.locale.value)?.displayName || null), l = q(!1), n = q(null), i = (s) => {
       s && (s.stopPropagation(), s.preventDefault()), l.value = !l.value;
-    }, d = (s) => t.customLabels[s.code] || s.displayName || s.code, p = R(() => {
-      const s = o.value.find((y) => y.code === u.value);
-      return s ? d(s) : f.value || u.value;
-    }), k = async (s) => {
-      if (l.value = !1, await Z(), t.switchLocale) {
+    }, h = (s) => t.customLabels[s.code] || s.displayName || s.code, m = C(() => {
+      const s = o.value.find((p) => p.code === u.value);
+      return s ? h(s) : d.value || u.value;
+    }), b = async (s) => {
+      if (l.value = !1, await Y(), t.switchLocale) {
         t.switchLocale(s);
         return;
       }
       if (a.locale.value = s, !r)
         return;
-      const y = r.getCurrentPath(), b = t.localeRoute ? (() => {
-        const h = t.localeRoute(y, s);
-        return typeof h == "string" ? h : h.path || "/";
+      const p = r.getCurrentPath(), v = t.localeRoute ? (() => {
+        const g = t.localeRoute(p, s);
+        return typeof g == "string" ? g : g.path || "/";
       })() : r?.resolvePath ? (() => {
-        const h = r.resolvePath(y, s);
-        return typeof h == "string" ? h : h.path || "/";
-      })() : y;
-      r.push({ path: b });
-    }, w = {
+        const g = r.resolvePath(p, s);
+        return typeof g == "string" ? g : g.path || "/";
+      })() : p;
+      r.push({ path: v });
+    }, S = {
       position: "relative",
       display: "inline-block",
       verticalAlign: "middle"
-    }, I = {
+    }, R = {
       padding: "4px 12px",
       fontSize: "16px",
       cursor: "pointer",
@@ -194,7 +194,7 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between"
-    }, C = {
+    }, T = {
       position: "absolute",
       top: "100%",
       left: "0",
@@ -206,126 +206,126 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
       margin: "4px 0 0 0",
       minWidth: "150px",
       boxShadow: "0 2px 8px rgba(0,0,0,0.15)"
-    }, x = {
+    }, O = {
       margin: "0",
       padding: "0"
-    }, L = {
+    }, j = {
       display: "block",
       padding: "8px 12px",
       color: "#333",
       textDecoration: "none",
       transition: "background-color 0.3s ease",
       cursor: "pointer"
-    }, W = {
+    }, $ = {
       fontWeight: "bold",
       color: "#007bff"
-    }, _ = {
+    }, z = {
       marginLeft: "8px",
       display: "inline-block",
       transition: "transform 0.3s ease"
-    }, A = {
+    }, V = {
       transform: "rotate(180deg)"
-    }, v = (s) => s ? Array.isArray(s) ? s : [s] : [], F = (s) => {
+    }, L = (s) => s ? Array.isArray(s) ? s : [s] : [], x = (s) => {
       if (!l.value) return;
-      const y = s.target;
-      if (!y || !n.value) return;
-      const b = n.value.contains(y), h = y.closest(".i18n-switcher-button") !== null;
-      !b && !h && (l.value = !1);
+      const p = s.target;
+      if (!p || !n.value) return;
+      const v = n.value.contains(p), g = p.closest(".i18n-switcher-button") !== null;
+      !v && !g && (l.value = !1);
     };
-    return q(() => {
-      document.addEventListener("click", F);
-    }), G(() => {
-      document.removeEventListener("click", F);
+    return Q(() => {
+      document.addEventListener("click", x);
+    }), X(() => {
+      document.removeEventListener("click", x);
     }), () => {
       const s = [];
-      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(
+      e["before-button"] && s.push(...L(e["before-button"]()));
+      const p = [];
+      if (e["before-selected-locale"] && p.push(...L(e["before-selected-locale"]())), p.push(y("span", m.value)), e["after-selected-locale"] && p.push(...L(e["after-selected-locale"]())), p.push(
+        y(
           "span",
           {
             style: {
-              ..._,
-              ...l.value ? A : {},
+              ...z,
+              ...l.value ? V : {},
               ...t.customIconStyle
             }
           },
           "▼"
         )
       ), s.push(
-        g(
+        y(
           "button",
           {
             class: "i18n-switcher-button",
-            style: { ...I, ...t.customButtonStyle },
-            onClick: (b) => {
-              b.preventDefault(), b.stopPropagation(), i(b);
+            style: { ...R, ...t.customButtonStyle },
+            onClick: (v) => {
+              v.preventDefault(), v.stopPropagation(), i(v);
             },
             type: "button",
             ariaHaspopup: !0,
             ariaExpanded: l.value
           },
-          y
+          p
         )
-      ), 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) => {
-          const $ = [];
-          e["before-item"] && $.push(...v(e["before-item"]({ locale: h })));
-          const T = [];
-          e["before-link-content"] && T.push(...v(e["before-link-content"]({ locale: h }))), T.push(d(h)), e["after-link-content"] && T.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;
-          $.push(
-            g(
+      ), e["before-dropdown"] && s.push(...L(e["before-dropdown"]())), l.value) {
+        const v = [];
+        e["before-dropdown-items"] && v.push(...L(e["before-dropdown-items"]())), o.value.forEach((g) => {
+          const M = [];
+          e["before-item"] && M.push(...L(e["before-item"]({ locale: g })));
+          const _ = [];
+          e["before-link-content"] && _.push(...L(e["before-link-content"]({ locale: g }))), _.push(h(g)), e["after-link-content"] && _.push(...L(e["after-link-content"]({ locale: g })));
+          const N = typeof window < "u" ? window.location.pathname : "/", W = t.localeRoute ? t.localeRoute(N, g.code) : r?.resolvePath ? r.resolvePath(N, g.code) : N, D = typeof W == "string" ? W : W.path || "#", U = g.code === u.value;
+          M.push(
+            y(
               "a",
               {
-                class: `switcher-locale-${h.code}`,
-                href: typeof E == "string" ? E : "#",
+                class: `switcher-locale-${g.code}`,
+                href: typeof D == "string" ? D : "#",
                 style: {
-                  ...L,
-                  ...M ? W : {},
+                  ...j,
+                  ...U ? $ : {},
                   ...t.customLinkStyle
                 },
                 // Prevent default navigation, use only handleSwitchLocale
-                onClick: (P) => {
-                  P.preventDefault(), P.stopPropagation(), k(h.code);
+                onClick: (F) => {
+                  F.preventDefault(), F.stopPropagation(), b(g.code);
                 }
               },
-              T
+              _
             )
-          ), e["after-item"] && $.push(...v(e["after-item"]({ locale: h }))), b.push(
-            g(
+          ), e["after-item"] && M.push(...L(e["after-item"]({ locale: g }))), v.push(
+            y(
               "li",
               {
-                key: h.code,
-                style: { ...x, ...t.customItemStyle }
+                key: g.code,
+                style: { ...O, ...t.customItemStyle }
               },
-              $
+              M
             )
           );
-        }), e["after-dropdown-items"] && b.push(...v(e["after-dropdown-items"]())), s.push(
-          g(
+        }), e["after-dropdown-items"] && v.push(...L(e["after-dropdown-items"]())), s.push(
+          y(
             "ul",
             {
               class: "i18n-switcher-dropdown",
-              style: { ...C, ...t.customDropdownStyle }
+              style: { ...T, ...t.customDropdownStyle }
             },
-            b
+            v
           )
         );
       }
-      return e["after-dropdown"] && s.push(...v(e["after-dropdown"]())), g(
+      return e["after-dropdown"] && s.push(...L(e["after-dropdown"]())), y(
         "div",
         {
           ref: n,
           class: "i18n-switcher-wrapper",
-          style: { ...w, ...t.customWrapperStyle }
+          style: { ...S, ...t.customWrapperStyle }
         },
         s
       );
     };
   }
-}), te = H({
+}), oe = B({
   name: "I18nT",
   props: {
     keypath: {
@@ -370,22 +370,22 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
     }
   },
   setup(t, { slots: e, attrs: a }) {
-    const r = S(D);
+    const r = k(E);
     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 n = Number(t.number), i = r.tn(n), d = r.t(t.keypath, { number: i, ...t.params }, void 0, o);
-        return g(t.tag, { ...a, innerHTML: d });
+        const n = Number(t.number), i = r.tn(n), h = r.t(t.keypath, { number: i, ...t.params }, void 0, o);
+        return y(t.tag, { ...a, innerHTML: h });
       }
       if (t.date !== void 0) {
         const n = r.td(t.date), i = r.t(t.keypath, { date: n, ...t.params }, void 0, o);
-        return g(t.tag, { ...a, innerHTML: i });
+        return y(t.tag, { ...a, innerHTML: i });
       }
       if (t.relativeDate !== void 0) {
         const n = r.tdr(t.relativeDate), i = r.t(t.keypath, { relativeDate: n, ...t.params }, void 0, o);
-        return g(t.tag, { ...a, innerHTML: i });
+        return y(t.tag, { ...a, innerHTML: i });
       }
       if (t.plural !== void 0) {
         const n = Number.parseInt(t.plural.toString(), 10);
@@ -395,46 +395,46 @@ const D = /* @__PURE__ */ Symbol("i18n"), V = /* @__PURE__ */ Symbol("i18n-local
             n,
             t.params,
             r.locale.value,
-            (d, p, k) => r.t(d, p, k, o)
+            (h, m, b) => r.t(h, m, b, o)
           );
-          return g(t.tag, { ...a, innerHTML: i || "" });
+          return y(t.tag, { ...a, innerHTML: i || "" });
         } else {
           const i = r.tc(t.keypath, { count: n, ...t.params });
-          return g(t.tag, { ...a, innerHTML: i });
+          return y(t.tag, { ...a, 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, { ...a, innerHTML: u });
+        return y(t.tag, { ...a, innerHTML: u });
       if (e.default)
-        return g(t.tag, a, e.default({ translation: u }));
-      const f = [];
+        return y(t.tag, a, e.default({ translation: u }));
+      const d = [];
       let l = 0;
       for (const [n, i] of Object.entries(e)) {
         if (n === "default") continue;
-        const d = `{${n}}`, p = u.indexOf(d, l);
-        p !== -1 && (p > l && f.push(u.slice(l, p)), i && f.push(g(i)), l = p + d.length);
+        const h = `{${n}}`, m = u.indexOf(h, l);
+        m !== -1 && (m > l && d.push(u.slice(l, m)), i && d.push(y(i)), l = m + h.length);
       }
-      return l < u.length && f.push(u.slice(l)), e.default ? g(t.tag, a, e.default({ children: f })) : f.length > 0 ? g(t.tag, a, f) : g(t.tag, a, u);
+      return l < u.length && d.push(u.slice(l)), e.default ? y(t.tag, a, e.default({ children: d })) : d.length > 0 ? y(t.tag, a, d) : y(t.tag, a, u);
     };
   }
 });
-function ne(t) {
-  const e = S(D), a = S(j, void 0), r = S(V, void 0), c = S(z, void 0);
+function le(t) {
+  const e = k(E), a = k(A, void 0), r = k(G, void 0), c = k(Z, void 0);
   if (!e)
     throw new Error("[i18n-micro] useI18n() must be called after app.use(i18n). Make sure i18n plugin is installed.");
   if (!r)
     throw new Error("[i18n-micro] I18nLocalesKey not provided. Make sure app.provide(I18nLocalesKey, locales) is called.");
   if (!c)
     throw new Error("[i18n-micro] I18nDefaultLocaleKey not provided. Make sure app.provide(I18nDefaultLocaleKey, defaultLocale) is called.");
-  const o = t?.locales || r, u = t?.defaultLocale || c, f = (l, n) => a?.resolvePath ? a.resolvePath(l, n || e.locale.value) : l;
+  const o = t?.locales || r, u = t?.defaultLocale || c, d = (l, n) => a?.resolvePath ? a.resolvePath(l, n || e.locale.value) : l;
   return {
     // Direct access to instance
     instance: e,
     // Locale (reactive)
-    locale: R({
+    locale: C({
       get: () => e.locale.value,
       set: (l) => {
         e.locale.value = l;
@@ -445,14 +445,14 @@ function ne(t) {
     defaultLocale: () => u,
     getLocaleName: () => o.find((n) => n.code === e.locale.value)?.displayName || null,
     // Routing helpers
-    localeRoute: f,
+    localeRoute: d,
     localePath: (l, n) => {
-      const i = f(l, n);
+      const i = d(l, n);
       return typeof i == "string" ? i : i.path || "/";
     },
     switchLocale: (l) => {
       if (e.locale.value = l, a) {
-        const n = a.getCurrentPath(), i = f(n, l);
+        const n = a.getCurrentPath(), i = d(n, l);
         a.push(typeof i == "string" ? { path: i } : { path: i.path || "/" });
       }
     },
@@ -475,90 +475,112 @@ function ne(t) {
     clearCache: e.clearCache.bind(e)
   };
 }
-function ce(t = {}) {
-  const { addDirAttribute: e = !0, identifierAttribute: a = "id", addSeoAttributes: r = !0, baseUrl: c = "/" } = t, { getLocale: o, getLocales: u, localeRoute: f } = ne(), l = S(j, void 0), n = K({
+function de(t = {}) {
+  const { addDirAttribute: e = !0, identifierAttribute: a = "id", addSeoAttributes: r = !0, baseUrl: c = "/" } = t, { getLocale: o, getLocales: u, localeRoute: d } = le(), l = k(A, void 0), n = q({
     htmlAttrs: {},
     link: [],
     meta: []
   });
-  function i(p, k) {
-    const w = new URL(p, "http://localhost"), I = new URLSearchParams(w.search), C = {};
-    for (const L of k)
-      I.has(L) && (C[L] = I.get(L));
-    const x = new URLSearchParams(C);
-    return x.toString() ? `${w.pathname}?${x.toString()}` : w.pathname;
+  function i(m, b) {
+    const S = new URL(m, "http://localhost"), R = new URLSearchParams(S.search), T = {};
+    for (const j of b)
+      R.has(j) && (T[j] = R.get(j));
+    const O = new URLSearchParams(T);
+    return O.toString() ? `${S.pathname}?${O.toString()}` : S.pathname;
   }
-  function d(p = []) {
+  function h(m = []) {
     if (!l) {
       n.value = { htmlAttrs: {}, link: [], meta: [] };
       return;
     }
-    const k = o(), w = u(), I = w.find((m) => m.code === k);
-    if (!I)
+    const b = o(), S = u(), R = S.find((f) => f.code === b);
+    if (!R)
       return;
-    const C = I.iso || k, x = I.dir || "auto";
-    let L = l.getCurrentPath();
-    L.startsWith("/") || (L = `/${L}`);
-    const W = L.split("/").filter(Boolean), _ = w.find((m) => W[0] === m.code);
-    let A = L, v;
-    _ ? (A = L.slice(_.code.length + 1) || "/", v = i(A, p)) : v = i(L, p);
-    const s = `${typeof c == "function" ? c() : c}${v.startsWith("/") ? "" : "/"}${v}`;
+    const T = R.iso || b, O = R.og || T, j = R.dir || "auto";
+    let $ = l.getCurrentPath();
+    $.startsWith("/") || ($ = `/${$}`);
+    const z = $.split("/").filter(Boolean), V = S.find((f) => z[0] === f.code);
+    let L = $, x, s;
+    const p = typeof c == "function" ? c() : c;
+    if (V) {
+      L = $.slice(V.code.length + 1) || "/", x = i(L, m);
+      const f = `/${b}`;
+      s = `${p}${f}${x.startsWith("/") ? "" : "/"}${x}`;
+    } else
+      x = i($, m), s = `${p}${x.startsWith("/") ? "" : "/"}${x}`;
     if (n.value = {
       htmlAttrs: {
-        lang: C,
-        ...e ? { dir: x } : {}
+        lang: T,
+        ...e ? { dir: j } : {}
       },
       link: [],
       meta: []
     }, !r)
       return;
-    const y = w, b = {
+    const v = S.filter((f) => !f.disabled && f.seo !== !1), g = {
       [a]: "i18n-og",
       property: "og:locale",
-      content: C
-    }, h = {
+      content: O
+    }, M = {
       [a]: "i18n-og-url",
       property: "og:url",
       content: s
-    }, $ = y.map((m) => ({
-      [a]: `i18n-og-alt-${m.iso || m.code}`,
-      property: "og:locale:alternate",
-      content: m.iso || m.code
-    })), T = {
+    }, _ = v.filter((f) => f.code !== b).map((f) => {
+      const I = f.og || f.iso || f.code;
+      return {
+        [a]: `i18n-og-alt-${I}`,
+        property: "og:locale:alternate",
+        content: I
+      };
+    }), N = {
       [a]: "i18n-can",
       rel: "canonical",
       href: s
-    }, O = y.flatMap((m) => {
-      if (!f || !l)
+    }, W = v.flatMap((f) => {
+      if (!d || !l)
         return [];
-      const E = l.getCurrentPath(), M = f(E, m.code), P = typeof M == "string" ? M : M?.path || "/";
+      const I = l.getCurrentPath(), w = d(I, f.code), P = typeof w == "string" ? w : w?.path || "/";
       if (!P)
         return [];
-      let N;
-      P.startsWith("http://") || P.startsWith("https://") ? N = P : N = `${typeof c == "function" ? c() : c}${P.startsWith("/") ? "" : "/"}${P}`;
-      const B = [
+      let H;
+      P.startsWith("http://") || P.startsWith("https://") ? H = P : H = `${typeof c == "function" ? c() : c}${P.startsWith("/") ? "" : "/"}${P}`;
+      const J = [
         {
-          [a]: `i18n-alternate-${m.code}`,
+          [a]: `i18n-alternate-${f.code}`,
           rel: "alternate",
-          href: N,
-          hreflang: m.code
+          href: H,
+          hreflang: f.code
         }
       ];
-      return m.iso && m.iso !== m.code && B.push({
-        [a]: `i18n-alternate-${m.iso}`,
+      return f.iso && f.iso !== f.code && J.push({
+        [a]: `i18n-alternate-${f.iso}`,
         rel: "alternate",
-        href: N,
-        hreflang: m.iso
-      }), B;
-    });
-    n.value.meta = [b, h, ...$], n.value.link = [T, ...O];
+        href: H,
+        hreflang: f.iso
+      }), J;
+    }), D = k(Z, void 0);
+    let U = null;
+    const F = D ? S.find((f) => f.code === D) : void 0;
+    if (d && l && D && F?.seo !== !1) {
+      const f = l.getCurrentPath(), I = d(f, D), w = typeof I == "string" ? I : I?.path || "/";
+      if (w) {
+        let P;
+        w.startsWith("http://") || w.startsWith("https://") ? P = w : P = `${typeof c == "function" ? c() : c}${w.startsWith("/") ? "" : "/"}${w}`, U = {
+          [a]: "i18n-xd",
+          rel: "alternate",
+          href: P,
+          hreflang: "x-default"
+        };
+      }
+    }
+    n.value.meta = [g, M, ..._], n.value.link = [N, ...W, ...U ? [U] : []];
   }
   return {
     metaObject: n,
-    updateMeta: d
+    updateMeta: h
   };
 }
-class ae extends J {
+class ie extends ee {
   constructor(e) {
     const a = {
       translations: /* @__PURE__ */ new Map()
@@ -568,7 +590,7 @@ class ae extends J {
       plural: e.plural,
       missingWarn: e.missingWarn,
       missingHandler: e.missingHandler
-    }), this.listeners = /* @__PURE__ */ new Set(), this.storage = a, this._locale = U(e.locale), this._fallbackLocale = U(e.fallbackLocale || e.locale), this._currentRoute = U("index"), this._revision = U(0), e.messages)
+    }), this.listeners = /* @__PURE__ */ new Set(), this.storage = a, this._locale = K(e.locale), this._fallbackLocale = K(e.fallbackLocale || e.locale), this._currentRoute = K("index"), this._revision = K(0), e.messages)
       for (const [r, c] of Object.entries(e.messages))
         this.helper.loadTranslations(r, c);
   }
@@ -638,22 +660,22 @@ class ae extends J {
     return e;
   }
 }
-function se(t) {
-  const { routingStrategy: e, locales: a, defaultLocale: r, ...c } = t, o = new ae(c);
-  let u = null, f = e || null;
+function he(t) {
+  const { routingStrategy: e, locales: a, defaultLocale: r, ...c } = t, o = new ie(c);
+  let u = null, d = e || null;
   return {
     global: o,
     // Access to instance outside components
     setRoutingStrategy: (n) => {
-      f = n, u && u.provide(j, n);
+      d = n, u && u.provide(A, n);
     },
     // Method for setting adapter after creation
     install(n) {
-      u = n, n.provide(D, o), f && n.provide(j, f), a && n.provide(V, a), r && n.provide(z, r), n.config.globalProperties.$t = (i, d, p, k) => o.t(i, d, p, k), n.config.globalProperties.$ts = (i, d, p, k) => o.ts(i, d, p, k), n.config.globalProperties.$tc = (i, d, p) => o.tc(i, d, p), n.config.globalProperties.$tn = (i, d) => o.tn(i, d), n.config.globalProperties.$td = (i, d) => o.td(i, d), n.config.globalProperties.$tdr = (i, d) => o.tdr(i, d), n.config.globalProperties.$has = (i, d) => o.has(i, d), n.config.globalProperties.$i18n = o, n.component("I18nT", te), n.component("I18nLink", Y), n.component("I18nGroup", X), n.component("I18nSwitcher", ee);
+      u = n, n.provide(E, o), d && n.provide(A, d), a && n.provide(G, a), r && n.provide(Z, r), n.config.globalProperties.$t = (i, h, m, b) => o.t(i, h, m, b), n.config.globalProperties.$ts = (i, h, m, b) => o.ts(i, h, m, b), n.config.globalProperties.$tc = (i, h, m) => o.tc(i, h, m), n.config.globalProperties.$tn = (i, h) => o.tn(i, h), n.config.globalProperties.$td = (i, h) => o.td(i, h), n.config.globalProperties.$tdr = (i, h) => o.tdr(i, h), n.config.globalProperties.$has = (i, h) => o.has(i, h), n.config.globalProperties.$i18n = o, n.component("I18nT", oe), n.component("I18nLink", ae), n.component("I18nGroup", ne), n.component("I18nSwitcher", re);
     }
   };
 }
-function ue(t, e, a) {
+function ge(t, e, a) {
   const r = e.map((o) => o.code), c = (o, u) => {
     const l = (typeof o == "string" ? o : o.path || "/").split("/").filter(Boolean), n = l[0];
     n !== void 0 && r.includes(n) && l.shift();
@@ -661,7 +683,7 @@ function ue(t, e, a) {
     return u === a ? i : `/${u}${i === "/" ? "" : i}`;
   };
   return {
-    linkComponent: Q,
+    linkComponent: te,
     getCurrentPath: () => t.currentRoute.value.path,
     push: (o) => {
       t.push(o.path).catch(() => {
@@ -679,19 +701,19 @@ function ue(t, e, a) {
   };
 }
 export {
-  he as FormatService,
-  z as I18nDefaultLocaleKey,
-  X as I18nGroup,
-  D as I18nInjectionKey,
-  Y as I18nLink,
-  V as I18nLocalesKey,
-  ee as I18nSwitcher,
-  te as I18nT,
-  ae as VueI18n,
-  se as createI18n,
-  ue as createVueRouterAdapter,
-  ge as defaultPlural,
-  ye as interpolate,
-  ne as useI18n,
-  ce as useLocaleHead
+  me as FormatService,
+  Z as I18nDefaultLocaleKey,
+  ne as I18nGroup,
+  E as I18nInjectionKey,
+  ae as I18nLink,
+  G as I18nLocalesKey,
+  re as I18nSwitcher,
+  oe as I18nT,
+  ie as VueI18n,
+  he as createI18n,
+  ge as createVueRouterAdapter,
+  ve as defaultPlural,
+  be as interpolate,
+  le as useI18n,
+  de as useLocaleHead
 };

package/package.json

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