@i18n-micro/vue 1.3.1 → 1.3.2

package/dist/index.cjs

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