vue-i18n-routing - npm Package Compare versions

Comparing version 0.0.0-8229ee2 to 0.0.0-9272c44

dist/vue-i18n-routing.cjs.js

@@ -1,5 +0,5 @@
-"use strict";var H=Object.defineProperty,Y=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var X=(e,t,o)=>t in e?H(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,F=(e,t)=>{for(var o in t||(t={}))N.call(t,o)&&X(e,o,t[o]);if(I)for(var o of I(t))C.call(t,o)&&X(e,o,t[o]);return e},S=(e,t)=>Y(e,J(t));var M=(e,t)=>{var o={};for(var u in e)N.call(e,u)&&t.indexOf(u)<0&&(o[u]=e[u]);if(e!=null&&I)for(var u of I(e))t.indexOf(u)<0&&C.call(e,u)&&(o[u]=e[u]);return o};Object.defineProperty(exports,"__esModule",{value:!0});exports[Symbol.toStringTag]="Module";var i=require("vue-demi"),j=require("vue-router"),K=require("vue-i18n");/*!
-  * shared v9.2.0-beta.25
+"use strict";var W=Object.defineProperty,k=Object.defineProperties;var H=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var O=(e,t,a)=>t in e?W(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,F=(e,t)=>{for(var a in t||(t={}))y.call(t,a)&&O(e,a,t[a]);if(b)for(var a of b(t))D.call(t,a)&&O(e,a,t[a]);return e},P=(e,t)=>k(e,H(t));var V=(e,t)=>{var a={};for(var r in e)y.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&b)for(var r of b(e))t.indexOf(r)<0&&D.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperty(exports,"__esModule",{value:!0});exports[Symbol.toStringTag]="Module";var m=require("vue-demi"),A=require("@intlify/vue-router-bridge"),Y=require("@intlify/vue-i18n-bridge");function J(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var K=J(A);/*!
+  * shared v9.2.0-beta.26
   * (c) 2021 kazuya kawaguchi
   * Released under the MIT License.
-  */const q=Object.assign,P=e=>typeof e=="string",Q=e=>typeof e=="symbol",Z=e=>typeof e=="symbol";new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(Z));function T(e){return Boolean(e&&e.__v_isRef===!0)}Promise.resolve();function ee(e){e=e||[];const t=[];for(const o of e)P(o)?t.push({code:o}):t.push(o);return t}function w(e,t){return T(e.locale)&&t==="composition"}function G(e){return"global"in e&&"mode"in e}function y(e){return G(e)?w(e.global,e.mode)?e.global.locale.value:e.global.locale:T(e.locale)?e.locale.value:e.locale}function B(e,t){G(e)?w(e.global,e.mode)?e.global.locale.value=t:e.global.locale=t:T(e.locale)&&(e.locale.value=t)}function oe(e,t,o){return e.replace(/\/+$/,"")+(t?"/":"")||(o?"":"/")}function te(e,{localeCodes:t=[]}={}){if(!w(e.global,e.mode))throw new Error("");const o=i.ref(t);e.global.locales=i.computed(()=>o.value),console.log("... extends i18n done")}const ne={PREFIX:"prefix",PREFIX_EXCEPT_DEFAULT:"prefix_except_default",PREFIX_AND_DEFAULT:"prefix_and_default",NO_PREFIX:"no_prefix"},O="",W=ne.PREFIX_EXCEPT_DEFAULT,D=!1,V="___",z="default";function U(e,{defaultLocale:t=O,strategy:o=W,trailingSlash:u=D,routesNameSeparator:d=V,defaultLocaleRouteNameSuffix:m=z,includeUprefixedFallback:f=!1,localeCodes:$=[]}={}){if(o==="no_prefix")return e;const _=$.map(n=>P(n)?n:n.code);function h(n,g,E=!1,R=!1){return n.redirect&&(!n.component||!n.file)?[n]:g.reduce((r,s)=>{const{name:c}=n;let{path:a}=n;const l=F({},n);c&&(l.name=`${c}${d}${s}`),n.children&&(l.children=n.children.reduce((b,A)=>[...b,...h(A,[s],!0,R)],[]));const x=s===t;if(x&&o==="prefix_and_default")if(E)E&&R&&c&&(l.name+=`${d}${m}`);else{const b=S(F({},l),{path:a});if(c&&(b.name=`${l.name}${d}${m}`),n.children){b.children=[];for(const A of n.children)b.children=b.children.concat(h(A,[s],!0,!0))}r.push(b)}const p=E&&!a.startsWith("/"),v=!p&&!(x&&o==="prefix_except_default");return v&&(a=`/${s}${a}`),a&&(a=oe(a,u,p)),v&&x&&o==="prefix"&&f&&r.push(F({},n)),l.path=a,r.push(l),r},[])}return e.reduce((n,g)=>[...n,...h(g,_||[])],[])}function ce(e){return new RegExp(`^/(${e.join("|")})(?:/|$)`,"i")}function re(e,t,o){const u=`(${e.join("|")})`,d=`(?:${t}${o})?`,m=new RegExp(`${t}${u}${d}$`,"i"),f=ce(e);return _=>{if(_.name){const n=(P(_.name)?_.name:_.name.toString()).match(m);if(n&&n.length>1)return n[1]}else if(_.path){const h=_.path.match(f);if(h&&h.length>1)return h[1]}return""}}function se({router:e,i18n:t,defaultLocale:o=O,strategy:u=W,trailingSlash:d=D,routesNameSeparator:m=V,defaultLocaleRouteNameSuffix:f=z,localeCodes:$=[]}={}){const _=ee($),h=re(_.map(n=>n.code),m,f);if(te(t,{localeCodes:_}),i.isVue2){const n=e,g=n.constructor,E=n.options.routes||[],R=U(E,{localeCodes:$,defaultLocale:o,strategy:u,trailingSlash:d,routesNameSeparator:m,defaultLocaleRouteNameSuffix:f});console.log("vue2 routes",E,R);const L=new g({mode:"history",base:n.options.base,routes:R});return L.__defaultLocale=o,L.__strategy=u,L.__trailingSlash=d,L.__routesNameSeparator=m,L.__defaultLocaleRouteNameSuffix=f,L.beforeEach((r,s,c)=>{console.log("beforeEach",r,s);const a=y(t),l=h(r)||a||o||"";console.log("currentLocale",a,"finalLocale",l),a!==l&&B(t,l),c()}),L}else{const n=e,g=n.options.routes||[],E=U(g,{localeCodes:$,defaultLocale:o,strategy:u,trailingSlash:d,routesNameSeparator:m,defaultLocaleRouteNameSuffix:f});return console.log("vue3 routes",g,E,n),g.forEach(R=>n.removeRoute(R.name)),E.forEach(R=>n.addRoute(R)),n.__defaultLocale=o,n.__strategy=u,n.__trailingSlash=d,n.__routesNameSeparator=m,n.__defaultLocaleRouteNameSuffix=f,n.beforeEach((R,L,r)=>{console.log("beforeEach",R,L);const s=y(t),c=h(R)||s||o||"";console.log("currentLocale",s,"finalLocale",c),s!==c&&B(t,c),r()}),n}}const ue=()=>{const e=i.getCurrentInstance();if(e==null)throw new Error("should be used in setup");return e.$router},le=()=>{const e=i.getCurrentInstance();if(e==null)throw new Error("should be used in setup");return i.computed(()=>e.$route)};function ae(){return i.isVue2?le():j.useRoute()}function ie(){return i.isVue2?ue():j.useRouter()}function fe(){return K.useI18n()}function de(e={}){const t=fe(),o=ie(),u=ae(),d=e.defaultLocaleRouteNameSuffix||o.__defaultLocaleRouteNameSuffix,m=e.defaultLocale||o.__defaultLocale,f=e.routesNameSeparator||o.__routesNameSeparator,$=e.strategy||o.__strategy;function _(r){const s=r!=null?r:i.isRef(u)?u.value:u;return s.name?k(s.name).split(f)[0]:void 0}function h(r,s){let c=k(r)+($==="no_prefix"?"":f+s);return s===m&&$==="prefix_and_default"&&(c+=f+d),c}function n(r,s){const c=s||y(t);let a=r;P(r)&&(r[0]==="/"?a={path:r}:a={name:r});let l=q({},a);if(l.path&&!l.name){const p=o.resolve(l),v=i.isVue2?p.route:p,b=_(v);P(b)&&(l={name:h(b,c),params:v.params,query:v.query,hash:v.hash})}else{l.name=h(l.name,c);const{params:p}=l;p&&p["0"]===void 0&&p.pathMatch&&(p["0"]=p.pathMatch)}const x=o.resolve(l);return(i.isVue2?x.route.name:x.name)?x:o.resolve(r)}function g(r,s){const c=n(r,s);return c==null?"":i.isVue2?c.route.redirectedFrom||c.route.fullPath:c.redirectedFrom||c.fullPath}function E(r,s){const c=n(r,s);return c==null?void 0:i.isVue2?c.route:c}function R(r,s){const c=n(r,s);return c==null?void 0:i.isVue2?c.location:c.href}function L(r){const s=_();if(!s)return"";const v=i.isVue2&&i.isRef(u)?u.value:u,{params:c}=v,a=M(v,["params"]),l={},x=q({},a,{name:s,params:S(F(F({},c),l),{0:c.pathMatch})}),p=g(x,r);return console.log("switchLocalePath",t.locale.value,r,p),p}return{localePath:g,localeRoute:E,localeLocation:R,switchLocalePath:L}}function k(e){return P(e)?e:Q(e)?e.toString():""}function me({router:e,i18n:t,defaultLocale:o=O,trailingSlash:u=D,routesNameSeparator:d=V,defaultLocaleRouteNameSuffix:m=z,localeCodes:f=[]}={}){if(e==null)throw new Error("TODO");return se({router:e,i18n:t,defaultLocale:o,trailingSlash:u,routesNameSeparator:d,defaultLocaleRouteNameSuffix:m,localeCodes:f})}const _e="";exports.VERSION=_e;exports.extendRouting=me;exports.localizeRoutes=U;exports.useI18nRouting=de;
+  */const U=Object.assign,T=e=>typeof e=="string",Q=e=>typeof e=="symbol";function Z(e){e=e||[];const t=[];for(const a of e)T(a)?t.push({code:a}):t.push(a);return t}function I(e,t){return m.isRef(e.locale)&&t==="composition"}function w(e){return"global"in e&&"mode"in e}function z(e){return w(e)?I(e.global,e.mode)?e.global.locale.value:e.global.locale:e.locale.value}function ee(e,t){w(e)?I(e.global,e.mode)?e.global.locale.value=t:e.global.locale=t:m.isRef(e.locale)&&(e.locale.value=t)}function te(e,t,a){return e.replace(/\/+$/,"")+(t?"/":"")||(a?"":"/")}function ae(e={}){const t=Y.useI18n(),a=A.useRouter(),r=A.useRoute(),R=e.defaultLocaleRouteNameSuffix||a.__defaultLocaleRouteNameSuffix,g=e.defaultLocale||a.__defaultLocale,_=e.routesNameSeparator||a.__routesNameSeparator,L=e.strategy||a.__strategy;function s(o){const c=o!=null?o:m.isRef(r)?r.value:r;return c.name?C(c.name).split(_)[0]:void 0}function h(o,c){let l=C(o)+(L==="no_prefix"?"":_+c);return c===g&&L==="prefix_and_default"&&(l+=_+R),l}function n(o,c){const l=c||z(t);let f=o;T(o)&&(o[0]==="/"?f={path:o}:f={name:o});let u=U({},f);if(u.path&&!u.name){const d=a.resolve(u),v=m.isVue2?d.route:d,E=s(v);T(E)&&(u={name:h(E,l),params:v.params,query:v.query,hash:v.hash})}else{u.name=h(u.name,l);const{params:d}=u;d&&d["0"]===void 0&&d.pathMatch&&(d["0"]=d.pathMatch)}const S=a.resolve(u);return(m.isVue2?S.route.name:S.name)?S:a.resolve(o)}function p(o,c){const l=n(o,c);return l==null?"":m.isVue2?l.route.redirectedFrom||l.route.fullPath:l.redirectedFrom||l.fullPath}function x(o,c){const l=n(o,c);return l==null?void 0:m.isVue2?l.route:l}function $(o,c){const l=n(o,c);return l==null?void 0:m.isVue2?l.location:l.href}function i(o){const c=s();if(!c)return"";const v=m.isVue2&&m.isRef(r)?r.value:r,{params:l}=v,f=V(v,["params"]),u={},S=U({},f,{name:c,params:P(F(F({},l),u),{0:l.pathMatch})}),d=p(S,o);return console.log("switchLocalePath",t.locale.value,o,d),d}return{getRouteBaseName:s,localePath:p,localeRoute:x,localeLocation:$,switchLocalePath:i}}function C(e){return T(e)?e:Q(e)?e.toString():"(null)"}const oe={PREFIX:"prefix",PREFIX_EXCEPT_DEFAULT:"prefix_except_default",PREFIX_AND_DEFAULT:"prefix_and_default",NO_PREFIX:"no_prefix"},X="",M=oe.PREFIX_EXCEPT_DEFAULT,j=!1,q="___",G="default";function B(e,{defaultLocale:t=X,strategy:a=M,trailingSlash:r=j,routesNameSeparator:R=q,defaultLocaleRouteNameSuffix:g=G,includeUprefixedFallback:_=!1,locales:L=[]}={}){if(a==="no_prefix")return e;const s=L.map(n=>T(n)?n:n.code);function h(n,p,x=!1,$=!1){return n.redirect&&(!n.component||!n.file)?[n]:p.reduce((o,c)=>{const{name:l}=n;let{path:f}=n;const u=F({},n);l&&(u.name=`${l}${R}${c}`),n.children&&(u.children=n.children.reduce((E,N)=>[...E,...h(N,[c],!0,$)],[]));const S=c===t;if(S&&a==="prefix_and_default")if(x)x&&$&&l&&(u.name+=`${R}${g}`);else{const E=P(F({},u),{path:f});if(l&&(E.name=`${u.name}${R}${g}`),n.children){E.children=[];for(const N of n.children)E.children=E.children.concat(h(N,[c],!0,!0))}o.push(E)}const d=x&&!f.startsWith("/"),v=!d&&!(S&&a==="prefix_except_default");return v&&(f=`/${c}${f}`),f&&(f=te(f,r,d)),v&&S&&a==="prefix"&&_&&o.push(F({},n)),u.path=f,o.push(u),o},[])}return e.reduce((n,p)=>[...n,...h(p,s||[])],[])}function le(e,{locales:t=[]}={}){if(!I(e.global,e.mode))throw new Error("TODO:");const a=m.ref(t);e.global.locales=m.computed(()=>a.value),console.log("... extends i18n done")}function ne(e){return new RegExp(`^/(${e.join("|")})(?:/|$)`,"i")}function re(e,t,a){const r=`(${e.join("|")})`,R=`(?:${t}${a})?`,g=new RegExp(`${t}${r}${R}$`,"i"),_=ne(e);return s=>{if(s.name){const n=(T(s.name)?s.name:s.name.toString()).match(g);if(n&&n.length>1)return n[1]}else if(s.path){const h=s.path.match(_);if(h&&h.length>1)return h[1]}return""}}function ce(e){var t,a,r,R,g,_,L,s;return e.version=(t=e.version)!=null?t:4,e.defaultLocale=(a=e.defaultLocale)!=null?a:X,e.strategy=(r=e.strategy)!=null?r:M,e.trailingSlash=(R=e.trailingSlash)!=null?R:j,e.routesNameSeparator=(g=e.routesNameSeparator)!=null?g:q,e.defaultLocaleRouteNameSuffix=(_=e.defaultLocaleRouteNameSuffix)!=null?_:G,e.locales=(L=e.locales)!=null?L:[],e.routes=(s=e.routes)!=null?s:[],e}function ue(e,t={}){const{version:a,defaultLocale:r,locales:R,strategy:g,trailingSlash:_,routesNameSeparator:L,defaultLocaleRouteNameSuffix:s,routes:h}=ce(t),n=Z(R),p=n.map(o=>o.code),x=re(p,L,s);le(e,{locales:n});const $=B(h,{locales:R,defaultLocale:r,strategy:g,trailingSlash:_,routesNameSeparator:L,defaultLocaleRouteNameSuffix:s});t.routes=$;let i=null;if(m.isVue3&&a===4)i=A.createRouter(t);else if(m.isVue2&&a===3)i=new K.default(t);else throw new Error("TODO:");return i.__defaultLocale=r,i.__localeCodes=p,i.__strategy=g,i.__trailingSlash=_,i.__routesNameSeparator=L,i.__defaultLocaleRouteNameSuffix=s,i.beforeEach((o,c,l)=>{console.log("beforeEach",o,c);const f=z(e),u=x(o)||f||r||"";console.log("currentLocale",f,"finalLocale",u),f!==u&&ee(e,u),l()}),console.log("create router",i),i}const se="0.0.0";exports.VERSION=se;exports.createRouter=ue;exports.localizeRoutes=B;exports.useI18nRouting=ae;

dist/vue-i18n-routing.d.ts

@@ -1,11 +0,28 @@
-import type { I18n } from 'vue-i18n';
-import { Locale } from 'vue-i18n';
-import type { Route as Route_2 } from 'vue-router3';
-import type { RouteConfig } from 'vue-router3';
-import type { RouteLocationNormalizedLoaded } from 'vue-router';
-import type { Router } from 'vue-router';
-import VueI18n from 'vue-i18n-legacy';
-import VueRouter from 'vue-router3';
+import type { I18n } from '@intlify/vue-i18n-bridge';
+import { Locale } from '@intlify/vue-i18n-bridge';
+import type { Route as Route_2 } from '@intlify/vue-router-bridge';
+import type { RouteConfig } from '@intlify/vue-router-bridge';
+import type { RouteLocationNormalizedLoaded } from '@intlify/vue-router-bridge';
+import type { Router } from '@intlify/vue-router-bridge';
+import type { RouterOptions } from '@intlify/vue-router-bridge';
+import type { VueRouter } from '@intlify/vue-router-bridge';
 
 /**
+ * Create a Vue Router instance
+ *
+ * @param i18n - A Vue I18n instance, see [Vue I18n API docs](https://vue-i18n.intlify.dev/api/general.html#i18n)
+ * @param options - An options, see {@link VueI18nRoutingOptions}
+ *
+ * @returns A Vue Router instance
+ *
+ * @remakrs
+ * You can create a vue router instance to be used by the Vue app.
+ *
+ * The routes of the created router instance are handled with i18n routing.
+ *
+ * At the Vue 2 will return a [Vue Router v3 instance](https://router.vuejs.org/api/#router-construction-options), and at the Vue 3 will return a [Vue Router v4 instance](https://next.router.vuejs.org/api/#createrouter).
+ */
+export declare function createRouter<Options extends VueI18nRoutingOptions = VueI18nRoutingOptions>(i18n: I18n, options?: Options): Options['version'] extends 4 ? Router : VueRouter;
+
+/**
  * Direction
@@ -15,9 +32,3 @@ */
 
-export declare function extendRouting<TRouter extends VueRouter | Router>({ router, i18n, defaultLocale, trailingSlash, routesNameSeparator, defaultLocaleRouteNameSuffix, localeCodes }?: VueI18nRoutingOptions): TRouter;
-
-export declare type I18nRoutingOptions = Pick<VueI18nRoutingOptions, 'defaultLocale' | 'strategy' | 'defaultLocaleRouteNameSuffix' | 'trailingSlash' | 'localeCodes'> & {
-    routesNameSeparator?: string;
-};
-
-export declare interface I18nRoutingReturn {
+export declare interface I18nRouting {
     getRouteBaseName(givenRoute?: Route_2 | RouteLocationNormalizedLoaded): string;
@@ -30,2 +41,4 @@ localePath(route: any, locale?: Locale): string;
 
+export declare type I18nRoutingOptions = Pick<VueI18nRoutingOptions, 'defaultLocale' | 'strategy' | 'defaultLocaleRouteNameSuffix' | 'trailingSlash' | 'locales' | 'routesNameSeparator'>;
+
 /**
@@ -44,3 +57,3 @@ * Locale object
 
-export declare function localizeRoutes(routes: VueI18nRoute[], { defaultLocale, strategy, trailingSlash, routesNameSeparator, defaultLocaleRouteNameSuffix, includeUprefixedFallback, localeCodes }?: Pick<VueI18nRoutingOptions, 'defaultLocale' | 'strategy' | 'localeCodes' | 'routesNameSeparator' | 'trailingSlash' | 'defaultLocaleRouteNameSuffix'> & {
+export declare function localizeRoutes(routes: VueI18nRoute[], { defaultLocale, strategy, trailingSlash, routesNameSeparator, defaultLocaleRouteNameSuffix, includeUprefixedFallback, locales }?: Pick<VueI18nRoutingOptions, 'defaultLocale' | 'strategy' | 'locales' | 'routesNameSeparator' | 'trailingSlash' | 'defaultLocaleRouteNameSuffix'> & {
     includeUprefixedFallback?: boolean;
@@ -85,3 +98,3 @@ }): VueI18nRoute[];
 
-export declare function useI18nRouting<Legacy extends boolean = false>(options?: I18nRoutingOptions): I18nRoutingReturn;
+export declare function useI18nRouting(options?: I18nRoutingOptions): I18nRouting;
 
@@ -94,3 +107,3 @@ /**
  */
-export declare const VERSION = "";
+export declare const VERSION: string;
 
@@ -105,23 +118,76 @@ /**
 /**
- * Vue I18n routing options
+ * Options to initialize a VueRouter instance
+ *
+ * @remarks
+ * This options is extended from Vue Router `RouterOptioins`, so you can specify those options.
  */
-export declare interface VueI18nRoutingOptions {
+export declare type VueI18nRoutingOptions = {
     /**
-     * Vue Router instance
+     * Vue Router version
+     *
+     * @remarks
+     * You can choice between vue-router v3 and v4.
+     *
+     * If you specify `3`, this function return Vue Router v3 instance, else specify `4`, this function return Vue Router v4 instance.
+     *
+     * @defaultValue 4
      */
-    router?: VueRouter | Router;
+    version?: 3 | 4;
     /**
-     * Vue I18n instance
+     * The app's default locale
+     *
+     * @remarks
+     * When using `prefix_except_default` strategy, URLs for locale specified here won't have a prefix.
+     *
+     * It's recommended to set this to some locale regardless of chosen strategy, as it will be used as a fallback locale when navigating to a non-existent route
+     *
+     * @defaultValue '' (emputy string)
      */
-    i18n?: VueI18n | I18n;
     defaultLocale?: string;
-    localeCodes?: string[] | LocaleObject[];
+    /**
+     * List of locales supported by your app
+     *
+     * @remarks TODO:
+     *
+     * @defaultValue []
+     */
+    locales?: string[] | LocaleObject[];
+    /**
+     * Routes strategy
+     *
+     * @remarks
+     * Can be set to one of the following:
+     *
+     * - `no_prefix`: routes won't have a locale prefix
+     * - `prefix_except_default`: locale prefix added for every locale except default
+     * - `prefix`: locale prefix added for every locale
+     * - `prefix_and_default`: locale prefix added for every locale and default
+     *
+     * @defaultValue 'prefix_except_default'
+     */
     strategy?: Strategies;
+    /**
+     * Whether to use trailing slash
+     *
+     * @defaultValue false
+     */
     trailingSlash?: boolean;
+    /**
+     * Internal separator used for generated route names for each locale. You shouldn't need to change this
+     *
+     * @defaultValue '___'
+     */
     routesNameSeparator?: string;
+    /**
+     * Internal suffix added to generated route names for default locale
+     *
+     * @remarks
+     * if strategy is prefix_and_default. You shouldn't need to change this.
+     *
+     * @defaultValue 'default'
+     */
     defaultLocaleRouteNameSuffix?: string;
-}
+} & RouterOptions;
 
 export { }
-import type { ComputedRef } from 'vue'
 
@@ -133,1 +199,6 @@ declare module 'vue-i18n' {
 }
+declare module 'vue-i18n-bridge' {
+  export interface ComposerCustom {
+    locales: ComputedRef<string[] | LocaleObject[]>
+  }
+}

dist/vue-i18n-routing.es.js

@@ -32,7 +32,7 @@ var __defProp = Object.defineProperty;
 };
-import { ref, computed, isVue2, getCurrentInstance, isRef as isRef$1 } from "vue-demi";
-import { useRouter as useRouter$1, useRoute as useRoute$1 } from "vue-router";
-import { useI18n as useI18n$1 } from "vue-i18n";
+import { isRef, isVue2, ref, computed, isVue3 } from "vue-demi";
+import VueRouter3, { useRouter, useRoute, createRouter as createRouter$1 } from "@intlify/vue-router-bridge";
+import { useI18n } from "@intlify/vue-i18n-bridge";
 /*!
-  * shared v9.2.0-beta.25
+  * shared v9.2.0-beta.26
   * (c) 2021 kazuya kawaguchi
@@ -43,9 +43,3 @@ * Released under the MIT License.
 const isString = (val) => typeof val === "string";
-const isSymbol$1 = (val) => typeof val === "symbol";
 const isSymbol = (val) => typeof val === "symbol";
-new Set(Object.getOwnPropertyNames(Symbol).map((key) => Symbol[key]).filter(isSymbol));
-function isRef(r) {
-  return Boolean(r && r.__v_isRef === true);
-}
-Promise.resolve();
 function getNormalizedLocales(locales) {
@@ -70,3 +64,3 @@ locales = locales || [];
 function getLocale(i18n) {
-  return isI18nInstance(i18n) ? isComposer(i18n.global, i18n.mode) ? i18n.global.locale.value : i18n.global.locale : isRef(i18n.locale) ? i18n.locale.value : i18n.locale;
+  return isI18nInstance(i18n) ? isComposer(i18n.global, i18n.mode) ? i18n.global.locale.value : i18n.global.locale : i18n.locale.value;
 }
@@ -87,10 +81,101 @@ function setLocale(i18n, locale) {
 }
-function extendI18n(i18n, { localeCodes = [] } = {}) {
-  if (!isComposer(i18n.global, i18n.mode)) {
-    throw new Error("");
+function useI18nRouting(options = {}) {
+  const $i18n = useI18n();
+  const $router = useRouter();
+  const $route = useRoute();
+  const defaultLocaleRouteNameSuffix = options.defaultLocaleRouteNameSuffix || $router.__defaultLocaleRouteNameSuffix;
+  const defaultLocale = options.defaultLocale || $router.__defaultLocale;
+  const routesNameSeparator = options.routesNameSeparator || $router.__routesNameSeparator;
+  const strategy = options.strategy || $router.__strategy;
+  function getRouteBaseName(givenRoute) {
+    const route = givenRoute != null ? givenRoute : isRef($route) ? $route.value : $route;
+    if (!route.name) {
+      return;
+    }
+    const name = getRouteName(route.name);
+    return name.split(routesNameSeparator)[0];
   }
-  const _localeCodes = ref(localeCodes);
-  i18n.global.locales = computed(() => _localeCodes.value);
-  console.log("... extends i18n done");
+  function getLocaleRouteName(routeName, locale) {
+    let name = getRouteName(routeName) + (strategy === "no_prefix" ? "" : routesNameSeparator + locale);
+    if (locale === defaultLocale && strategy === "prefix_and_default") {
+      name += routesNameSeparator + defaultLocaleRouteNameSuffix;
+    }
+    return name;
+  }
+  function resolveRoute(route, locale) {
+    const _locale = locale || getLocale($i18n);
+    let _route = route;
+    if (isString(route)) {
+      if (route[0] === "/") {
+        _route = { path: route };
+      } else {
+        _route = { name: route };
+      }
+    }
+    let localizedRoute = assign({}, _route);
+    if (localizedRoute.path && !localizedRoute.name) {
+      const _resolvedRoute = $router.resolve(localizedRoute);
+      const resolvedRoute2 = !isVue2 ? _resolvedRoute : _resolvedRoute.route;
+      const resolvedRouteName = getRouteBaseName(resolvedRoute2);
+      if (isString(resolvedRouteName)) {
+        localizedRoute = {
+          name: getLocaleRouteName(resolvedRouteName, _locale),
+          params: resolvedRoute2.params,
+          query: resolvedRoute2.query,
+          hash: resolvedRoute2.hash
+        };
+      }
+    } else {
+      localizedRoute.name = getLocaleRouteName(localizedRoute.name, _locale);
+      const { params } = localizedRoute;
+      if (params && params["0"] === void 0 && params.pathMatch) {
+        params["0"] = params.pathMatch;
+      }
+    }
+    const resolvedRoute = $router.resolve(localizedRoute);
+    if (isVue2 ? resolvedRoute.route.name : resolvedRoute.name) {
+      return resolvedRoute;
+    }
+    return $router.resolve(route);
+  }
+  function localePath(route, locale) {
+    const localizedRoute = resolveRoute(route, locale);
+    return localizedRoute == null ? "" : isVue2 ? localizedRoute.route.redirectedFrom || localizedRoute.route.fullPath : localizedRoute.redirectedFrom || localizedRoute.fullPath;
+  }
+  function localeRoute(route, locale) {
+    const resolved = resolveRoute(route, locale);
+    return resolved == null ? void 0 : isVue2 ? resolved.route : resolved;
+  }
+  function localeLocation(route, locale) {
+    const resolved = resolveRoute(route, locale);
+    return resolved == null ? void 0 : isVue2 ? resolved.location : resolved.href;
+  }
+  function switchLocalePath(locale) {
+    const name = getRouteBaseName();
+    if (!name) {
+      return "";
+    }
+    const _a = isVue2 && isRef($route) ? $route.value : $route, { params } = _a, routeCopy = __objRest(_a, ["params"]);
+    const langSwitchParams = {};
+    const baseRoute = assign({}, routeCopy, {
+      name,
+      params: __spreadProps(__spreadValues(__spreadValues({}, params), langSwitchParams), {
+        0: params.pathMatch
+      })
+    });
+    const path = localePath(baseRoute, locale);
+    console.log("switchLocalePath", $i18n.locale.value, locale, path);
+    return path;
+  }
+  return {
+    getRouteBaseName,
+    localePath,
+    localeRoute,
+    localeLocation,
+    switchLocalePath
+  };
 }
+function getRouteName(routeName) {
+  return isString(routeName) ? routeName : isSymbol(routeName) ? routeName.toString() : "(null)";
+}
 const STRATEGIES = {
@@ -114,3 +199,3 @@ PREFIX: "prefix",
   includeUprefixedFallback = false,
-  localeCodes = []
+  locales = []
 } = {}) {
@@ -120,3 +205,3 @@ if (strategy === "no_prefix") {
   }
-  const _localeCodes = localeCodes.map((locale) => isString(locale) ? locale : locale.code);
+  const _localeCodes = locales.map((locale) => isString(locale) ? locale : locale.code);
   function makeLocalizedRoutes(route, allowedLocaleCodes, isChild = false, isExtraPageTree = false) {
@@ -173,2 +258,10 @@ if (route.redirect && (!route.component || !route.file)) {
 }
+function extendI18n(i18n, { locales = [] } = {}) {
+  if (!isComposer(i18n.global, i18n.mode)) {
+    throw new Error("TODO:");
+  }
+  const _locales = ref(locales);
+  i18n.global.locales = computed(() => _locales.value);
+  console.log("... extends i18n done");
+}
 function getLocalesRegex(localeCodes) {
@@ -199,225 +292,66 @@ return new RegExp(`^/(${localeCodes.join("|")})(?:/|$)`, "i");
 }
-function extendRouter({
-  router,
-  i18n,
-  defaultLocale = DEFAULT_LOCALE,
-  strategy = DEFAULT_STRATEGY,
-  trailingSlash = DEFAULT_TRAILING_SLASH,
-  routesNameSeparator = DEFAULT_ROUTES_NAME_SEPARATOR,
-  defaultLocaleRouteNameSuffix = DEFAULT_LOCALE_ROUTE_NAME_SUFFIX,
-  localeCodes = []
-} = {}) {
-  const normalizedLocaleCodes = getNormalizedLocales(localeCodes);
-  const getLocaleFromRoute = createLocaleFromRouteGetter(normalizedLocaleCodes.map((l) => l.code), routesNameSeparator, defaultLocaleRouteNameSuffix);
-  extendI18n(i18n, { localeCodes: normalizedLocaleCodes });
-  if (isVue2) {
-    const _router = router;
-    const _VueRouter = _router.constructor;
-    const routes = _router.options.routes || [];
-    const localizedRoutes = localizeRoutes(routes, {
-      localeCodes,
-      defaultLocale,
-      strategy,
-      trailingSlash,
-      routesNameSeparator,
-      defaultLocaleRouteNameSuffix
-    });
-    console.log("vue2 routes", routes, localizedRoutes);
-    const newRouter = new _VueRouter({
-      mode: "history",
-      base: _router.options.base,
-      routes: localizedRoutes
-    });
-    newRouter.__defaultLocale = defaultLocale;
-    newRouter.__strategy = strategy;
-    newRouter.__trailingSlash = trailingSlash;
-    newRouter.__routesNameSeparator = routesNameSeparator;
-    newRouter.__defaultLocaleRouteNameSuffix = defaultLocaleRouteNameSuffix;
-    newRouter.beforeEach((to, from, next) => {
-      console.log("beforeEach", to, from);
-      const currentLocale = getLocale(i18n);
-      const finalLocale = getLocaleFromRoute(to) || currentLocale || defaultLocale || "";
-      console.log("currentLocale", currentLocale, "finalLocale", finalLocale);
-      if (currentLocale !== finalLocale) {
-        setLocale(i18n, finalLocale);
-      }
-      next();
-    });
-    return newRouter;
-  } else {
-    const _router = router;
-    const routes = _router.options.routes || [];
-    const localizedRoutes = localizeRoutes(routes, {
-      localeCodes,
-      defaultLocale,
-      strategy,
-      trailingSlash,
-      routesNameSeparator,
-      defaultLocaleRouteNameSuffix
-    });
-    console.log("vue3 routes", routes, localizedRoutes, _router);
-    routes.forEach((r) => _router.removeRoute(r.name));
-    localizedRoutes.forEach((route) => _router.addRoute(route));
-    _router.__defaultLocale = defaultLocale;
-    _router.__strategy = strategy;
-    _router.__trailingSlash = trailingSlash;
-    _router.__routesNameSeparator = routesNameSeparator;
-    _router.__defaultLocaleRouteNameSuffix = defaultLocaleRouteNameSuffix;
-    _router.beforeEach((to, from, next) => {
-      console.log("beforeEach", to, from);
-      const currentLocale = getLocale(i18n);
-      const finalLocale = getLocaleFromRoute(to) || currentLocale || defaultLocale || "";
-      console.log("currentLocale", currentLocale, "finalLocale", finalLocale);
-      if (currentLocale !== finalLocale) {
-        setLocale(i18n, finalLocale);
-      }
-      next();
-    });
-    return _router;
-  }
+function asDefaultVueI18nRouterOptions(options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  options.version = (_a = options.version) != null ? _a : 4;
+  options.defaultLocale = (_b = options.defaultLocale) != null ? _b : DEFAULT_LOCALE;
+  options.strategy = (_c = options.strategy) != null ? _c : DEFAULT_STRATEGY;
+  options.trailingSlash = (_d = options.trailingSlash) != null ? _d : DEFAULT_TRAILING_SLASH;
+  options.routesNameSeparator = (_e = options.routesNameSeparator) != null ? _e : DEFAULT_ROUTES_NAME_SEPARATOR;
+  options.defaultLocaleRouteNameSuffix = (_f = options.defaultLocaleRouteNameSuffix) != null ? _f : DEFAULT_LOCALE_ROUTE_NAME_SUFFIX;
+  options.locales = (_g = options.locales) != null ? _g : [];
+  options.routes = (_h = options.routes) != null ? _h : [];
+  return options;
 }
-const useLegacyRouter = () => {
-  const vm = getCurrentInstance();
-  if (vm == null) {
-    throw new Error(`should be used in setup`);
-  }
-  return vm.$router;
-};
-const useLegacyRoute = () => {
-  const vm = getCurrentInstance();
-  if (vm == null) {
-    throw new Error(`should be used in setup`);
-  }
-  return computed(() => vm.$route);
-};
-function useRoute() {
-  return isVue2 ? useLegacyRoute() : useRoute$1();
-}
-function useRouter() {
-  return isVue2 ? useLegacyRouter() : useRouter$1();
-}
-function useI18n() {
-  return useI18n$1();
-}
-function useI18nRouting(options = {}) {
-  const $i18n = useI18n();
-  const $router = useRouter();
-  const $route = useRoute();
-  const defaultLocaleRouteNameSuffix = options.defaultLocaleRouteNameSuffix || $router.__defaultLocaleRouteNameSuffix;
-  const defaultLocale = options.defaultLocale || $router.__defaultLocale;
-  const routesNameSeparator = options.routesNameSeparator || $router.__routesNameSeparator;
-  const strategy = options.strategy || $router.__strategy;
-  function getRouteBaseName(givenRoute) {
-    const route = givenRoute != null ? givenRoute : isRef$1($route) ? $route.value : $route;
-    if (!route.name) {
-      return;
-    }
-    const name = getRouteName(route.name);
-    return name.split(routesNameSeparator)[0];
-  }
-  function getLocaleRouteName(routeName, locale) {
-    let name = getRouteName(routeName) + (strategy === "no_prefix" ? "" : routesNameSeparator + locale);
-    if (locale === defaultLocale && strategy === "prefix_and_default") {
-      name += routesNameSeparator + defaultLocaleRouteNameSuffix;
-    }
-    return name;
-  }
-  function resolveRoute(route, locale) {
-    const _locale = locale || getLocale($i18n);
-    let _route = route;
-    if (isString(route)) {
-      if (route[0] === "/") {
-        _route = { path: route };
-      } else {
-        _route = { name: route };
-      }
-    }
-    let localizedRoute = assign({}, _route);
-    if (localizedRoute.path && !localizedRoute.name) {
-      const _resolvedRoute = $router.resolve(localizedRoute);
-      const resolvedRoute2 = !isVue2 ? _resolvedRoute : _resolvedRoute.route;
-      const resolvedRouteName = getRouteBaseName(resolvedRoute2);
-      if (isString(resolvedRouteName)) {
-        localizedRoute = {
-          name: getLocaleRouteName(resolvedRouteName, _locale),
-          params: resolvedRoute2.params,
-          query: resolvedRoute2.query,
-          hash: resolvedRoute2.hash
-        };
-      }
-    } else {
-      localizedRoute.name = getLocaleRouteName(localizedRoute.name, _locale);
-      const { params } = localizedRoute;
-      if (params && params["0"] === void 0 && params.pathMatch) {
-        params["0"] = params.pathMatch;
-      }
-    }
-    const resolvedRoute = $router.resolve(localizedRoute);
-    if (isVue2 ? resolvedRoute.route.name : resolvedRoute.name) {
-      return resolvedRoute;
-    }
-    return $router.resolve(route);
-  }
-  function localePath(route, locale) {
-    const localizedRoute = resolveRoute(route, locale);
-    return localizedRoute == null ? "" : isVue2 ? localizedRoute.route.redirectedFrom || localizedRoute.route.fullPath : localizedRoute.redirectedFrom || localizedRoute.fullPath;
-  }
-  function localeRoute(route, locale) {
-    const resolved = resolveRoute(route, locale);
-    return resolved == null ? void 0 : isVue2 ? resolved.route : resolved;
-  }
-  function localeLocation(route, locale) {
-    const resolved = resolveRoute(route, locale);
-    return resolved == null ? void 0 : isVue2 ? resolved.location : resolved.href;
-  }
-  function switchLocalePath(locale) {
-    const name = getRouteBaseName();
-    if (!name) {
-      return "";
-    }
-    const _a = isVue2 && isRef$1($route) ? $route.value : $route, { params } = _a, routeCopy = __objRest(_a, ["params"]);
-    const langSwitchParams = {};
-    const baseRoute = assign({}, routeCopy, {
-      name,
-      params: __spreadProps(__spreadValues(__spreadValues({}, params), langSwitchParams), {
-        0: params.pathMatch
-      })
-    });
-    const path = localePath(baseRoute, locale);
-    console.log("switchLocalePath", $i18n.locale.value, locale, path);
-    return path;
-  }
-  return {
-    localePath,
-    localeRoute,
-    localeLocation,
-    switchLocalePath
-  };
-}
-function getRouteName(routeName) {
-  return isString(routeName) ? routeName : isSymbol$1(routeName) ? routeName.toString() : "";
-}
-function extendRouting({
-  router,
-  i18n,
-  defaultLocale = DEFAULT_LOCALE,
-  trailingSlash = DEFAULT_TRAILING_SLASH,
-  routesNameSeparator = DEFAULT_ROUTES_NAME_SEPARATOR,
-  defaultLocaleRouteNameSuffix = DEFAULT_LOCALE_ROUTE_NAME_SUFFIX,
-  localeCodes = []
-} = {}) {
-  if (router == null) {
-    throw new Error("TODO");
-  }
-  return extendRouter({
-    router,
-    i18n,
+function createRouter(i18n, options = {}) {
+  const {
+    version,
     defaultLocale,
+    locales,
+    strategy,
     trailingSlash,
     routesNameSeparator,
     defaultLocaleRouteNameSuffix,
-    localeCodes
+    routes
+  } = asDefaultVueI18nRouterOptions(options);
+  const normalizedLocaleCodes = getNormalizedLocales(locales);
+  const localeCodes = normalizedLocaleCodes.map((l) => l.code);
+  const getLocaleFromRoute = createLocaleFromRouteGetter(localeCodes, routesNameSeparator, defaultLocaleRouteNameSuffix);
+  extendI18n(i18n, { locales: normalizedLocaleCodes });
+  const localizedRoutes = localizeRoutes(routes, {
+    locales,
+    defaultLocale,
+    strategy,
+    trailingSlash,
+    routesNameSeparator,
+    defaultLocaleRouteNameSuffix
   });
+  options.routes = localizedRoutes;
+  let router = null;
+  if (isVue3 && version === 4) {
+    router = createRouter$1(options);
+  } else if (isVue2 && version === 3) {
+    router = new VueRouter3(options);
+  } else {
+    throw new Error("TODO:");
+  }
+  router.__defaultLocale = defaultLocale;
+  router.__localeCodes = localeCodes;
+  router.__strategy = strategy;
+  router.__trailingSlash = trailingSlash;
+  router.__routesNameSeparator = routesNameSeparator;
+  router.__defaultLocaleRouteNameSuffix = defaultLocaleRouteNameSuffix;
+  router.beforeEach((to, from, next) => {
+    console.log("beforeEach", to, from);
+    const currentLocale = getLocale(i18n);
+    const finalLocale = getLocaleFromRoute(to) || currentLocale || defaultLocale || "";
+    console.log("currentLocale", currentLocale, "finalLocale", finalLocale);
+    if (currentLocale !== finalLocale) {
+      setLocale(i18n, finalLocale);
+    }
+    next();
+  });
+  console.log("create router", router);
+  return router;
 }
-const VERSION = "";
-export { VERSION, extendRouting, localizeRoutes, useI18nRouting };
+const VERSION = "0.0.0";
+export { VERSION, createRouter, localizeRoutes, useI18nRouting };

dist/vue-i18n-routing.iife.js

@@ -1,5 +0,5 @@
-var _e=Object.defineProperty,he=Object.defineProperties;var Re=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var Y=(a,n,f)=>n in a?_e(a,n,{enumerable:!0,configurable:!0,writable:!0,value:f}):a[n]=f,w=(a,n)=>{for(var f in n||(n={}))k.call(n,f)&&Y(a,f,n[f]);if(x)for(var f of x(n))H.call(n,f)&&Y(a,f,n[f]);return a},M=(a,n)=>he(a,Re(n));var J=(a,n)=>{var f={};for(var $ in a)k.call(a,$)&&n.indexOf($)<0&&(f[$]=a[$]);if(a!=null&&x)for(var $ of x(a))n.indexOf($)<0&&H.call(a,$)&&(f[$]=a[$]);return f};var VueI18nRouting=function(a,n,f,$){"use strict";/*!
-  * shared v9.2.0-beta.25
+var ue=Object.defineProperty,se=Object.defineProperties;var fe=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var k=(r,t,f)=>t in r?ue(r,t,{enumerable:!0,configurable:!0,writable:!0,value:f}):r[t]=f,P=(r,t)=>{for(var f in t||(t={}))D.call(t,f)&&k(r,f,t[f]);if(b)for(var f of b(t))W.call(t,f)&&k(r,f,t[f]);return r},v=(r,t)=>se(r,fe(t));var B=(r,t)=>{var f={};for(var p in r)D.call(r,p)&&t.indexOf(p)<0&&(f[p]=r[p]);if(r!=null&&b)for(var p of b(r))t.indexOf(p)<0&&W.call(r,p)&&(f[p]=r[p]);return f};var VueI18nRouting=function(r,t,f,p){"use strict";function H(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var Y=H(f);/*!
+  * shared v9.2.0-beta.26
   * (c) 2021 kazuya kawaguchi
   * Released under the MIT License.
-  */const j=Object.assign,T=e=>typeof e=="string",K=e=>typeof e=="symbol",Q=e=>typeof e=="symbol";new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(Q));function y(e){return Boolean(e&&e.__v_isRef===!0)}Promise.resolve();function Z(e){e=e||[];const r=[];for(const c of e)T(c)?r.push({code:c}):r.push(c);return r}function V(e,r){return y(e.locale)&&r==="composition"}function G(e){return"global"in e&&"mode"in e}function v(e){return G(e)?V(e.global,e.mode)?e.global.locale.value:e.global.locale:y(e.locale)?e.locale.value:e.locale}function q(e,r){G(e)?V(e.global,e.mode)?e.global.locale.value=r:e.global.locale=r:y(e.locale)&&(e.locale.value=r)}function D(e,r,c){return e.replace(/\/+$/,"")+(r?"/":"")||(c?"":"/")}function ee(e,{localeCodes:r=[]}={}){if(!V(e.global,e.mode))throw new Error("");const c=n.ref(r);e.global.locales=n.computed(()=>c.value),console.log("... extends i18n done")}const oe={PREFIX:"prefix",PREFIX_EXCEPT_DEFAULT:"prefix_except_default",PREFIX_AND_DEFAULT:"prefix_and_default",NO_PREFIX:"no_prefix"},O="",B=oe.PREFIX_EXCEPT_DEFAULT,z=!1,U="___",N="default";function C(e,{defaultLocale:r=O,strategy:c=B,trailingSlash:d=z,routesNameSeparator:h=U,defaultLocaleRouteNameSuffix:R=N,includeUprefixedFallback:_=!1,localeCodes:A=[]}={}){if(c==="no_prefix")return e;const m=A.map(o=>T(o)?o:o.code);function g(o,E,F=!1,p=!1){return o.redirect&&(!o.component||!o.file)?[o]:E.reduce((s,l)=>{const{name:t}=o;let{path:i}=o;const u=w({},o);t&&(u.name=`${t}${h}${l}`),o.children&&(u.children=o.children.reduce((P,X)=>[...P,...g(X,[l],!0,p)],[]));const S=l===r;if(S&&c==="prefix_and_default")if(F)F&&p&&t&&(u.name+=`${h}${R}`);else{const P=M(w({},u),{path:i});if(t&&(P.name=`${u.name}${h}${R}`),o.children){P.children=[];for(const X of o.children)P.children=P.children.concat(g(X,[l],!0,!0))}s.push(P)}const L=F&&!i.startsWith("/"),I=!L&&!(S&&c==="prefix_except_default");return I&&(i=`/${l}${i}`),i&&(i=D(i,d,L)),I&&S&&c==="prefix"&&_&&s.push(w({},o)),u.path=i,s.push(u),s},[])}return e.reduce((o,E)=>[...o,...g(E,m||[])],[])}function te(e){return new RegExp(`^/(${e.join("|")})(?:/|$)`,"i")}function ne(e,r,c){const d=`(${e.join("|")})`,h=`(?:${r}${c})?`,R=new RegExp(`${r}${d}${h}$`,"i"),_=te(e);return m=>{if(m.name){const o=(T(m.name)?m.name:m.name.toString()).match(R);if(o&&o.length>1)return o[1]}else if(m.path){const g=m.path.match(_);if(g&&g.length>1)return g[1]}return""}}function ce({router:e,i18n:r,defaultLocale:c=O,strategy:d=B,trailingSlash:h=z,routesNameSeparator:R=U,defaultLocaleRouteNameSuffix:_=N,localeCodes:A=[]}={}){const m=Z(A),g=ne(m.map(o=>o.code),R,_);if(ee(r,{localeCodes:m}),n.isVue2){const o=e,E=o.constructor,F=o.options.routes||[],p=C(F,{localeCodes:A,defaultLocale:c,strategy:d,trailingSlash:h,routesNameSeparator:R,defaultLocaleRouteNameSuffix:_});console.log("vue2 routes",F,p);const b=new E({mode:"history",base:o.options.base,routes:p});return b.__defaultLocale=c,b.__strategy=d,b.__trailingSlash=h,b.__routesNameSeparator=R,b.__defaultLocaleRouteNameSuffix=_,b.beforeEach((s,l,t)=>{console.log("beforeEach",s,l);const i=v(r),u=g(s)||i||c||"";console.log("currentLocale",i,"finalLocale",u),i!==u&&q(r,u),t()}),b}else{const o=e,E=o.options.routes||[],F=C(E,{localeCodes:A,defaultLocale:c,strategy:d,trailingSlash:h,routesNameSeparator:R,defaultLocaleRouteNameSuffix:_});return console.log("vue3 routes",E,F,o),E.forEach(p=>o.removeRoute(p.name)),F.forEach(p=>o.addRoute(p)),o.__defaultLocale=c,o.__strategy=d,o.__trailingSlash=h,o.__routesNameSeparator=R,o.__defaultLocaleRouteNameSuffix=_,o.beforeEach((p,b,s)=>{console.log("beforeEach",p,b);const l=v(r),t=g(p)||l||c||"";console.log("currentLocale",l,"finalLocale",t),l!==t&&q(r,t),s()}),o}}const se=()=>{const e=n.getCurrentInstance();if(e==null)throw new Error("should be used in setup");return e.$router},re=()=>{const e=n.getCurrentInstance();if(e==null)throw new Error("should be used in setup");return n.computed(()=>e.$route)};function le(){return n.isVue2?re():f.useRoute()}function ae(){return n.isVue2?se():f.useRouter()}function ue(){return $.useI18n()}function ie(e={}){const r=ue(),c=ae(),d=le(),h=e.defaultLocaleRouteNameSuffix||c.__defaultLocaleRouteNameSuffix,R=e.defaultLocale||c.__defaultLocale,_=e.routesNameSeparator||c.__routesNameSeparator,A=e.strategy||c.__strategy;function m(s){const l=s!=null?s:n.isRef(d)?d.value:d;return l.name?W(l.name).split(_)[0]:void 0}function g(s,l){let t=W(s)+(A==="no_prefix"?"":_+l);return l===R&&A==="prefix_and_default"&&(t+=_+h),t}function o(s,l){const t=l||v(r);let i=s;T(s)&&(s[0]==="/"?i={path:s}:i={name:s});let u=j({},i);if(u.path&&!u.name){const L=c.resolve(u),I=n.isVue2?L.route:L,P=m(I);T(P)&&(u={name:g(P,t),params:I.params,query:I.query,hash:I.hash})}else{u.name=g(u.name,t);const{params:L}=u;L&&L["0"]===void 0&&L.pathMatch&&(L["0"]=L.pathMatch)}const S=c.resolve(u);return(n.isVue2?S.route.name:S.name)?S:c.resolve(s)}function E(s,l){const t=o(s,l);return t==null?"":n.isVue2?t.route.redirectedFrom||t.route.fullPath:t.redirectedFrom||t.fullPath}function F(s,l){const t=o(s,l);return t==null?void 0:n.isVue2?t.route:t}function p(s,l){const t=o(s,l);return t==null?void 0:n.isVue2?t.location:t.href}function b(s){const l=m();if(!l)return"";const I=n.isVue2&&n.isRef(d)?d.value:d,{params:t}=I,i=J(I,["params"]),u={},S=j({},i,{name:l,params:M(w(w({},t),u),{0:t.pathMatch})}),L=E(S,s);return console.log("switchLocalePath",r.locale.value,s,L),L}return{localePath:E,localeRoute:F,localeLocation:p,switchLocalePath:b}}function W(e){return T(e)?e:K(e)?e.toString():""}function fe({router:e,i18n:r,defaultLocale:c=O,trailingSlash:d=z,routesNameSeparator:h=U,defaultLocaleRouteNameSuffix:R=N,localeCodes:_=[]}={}){if(e==null)throw new Error("TODO");return ce({router:e,i18n:r,defaultLocale:c,trailingSlash:d,routesNameSeparator:h,defaultLocaleRouteNameSuffix:R,localeCodes:_})}const de="";return a.VERSION=de,a.extendRouting=fe,a.localizeRoutes=C,a.useI18nRouting=ie,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module",a}({},VueDemi,VueRouter,VueI18n);
+  */const V=Object.assign,I=e=>typeof e=="string",J=e=>typeof e=="symbol";function K(e){e=e||[];const l=[];for(const c of e)I(c)?l.push({code:c}):l.push(c);return l}function y(e,l){return t.isRef(e.locale)&&l==="composition"}function U(e){return"global"in e&&"mode"in e}function w(e){return U(e)?y(e.global,e.mode)?e.global.locale.value:e.global.locale:e.locale.value}function Q(e,l){U(e)?y(e.global,e.mode)?e.global.locale.value=l:e.global.locale=l:t.isRef(e.locale)&&(e.locale.value=l)}function Z(e,l,c){return e.replace(/\/+$/,"")+(l?"/":"")||(c?"":"/")}function ee(e={}){const l=p.useI18n(),c=f.useRouter(),_=f.useRoute(),m=e.defaultLocaleRouteNameSuffix||c.__defaultLocaleRouteNameSuffix,E=e.defaultLocale||c.__defaultLocale,g=e.routesNameSeparator||c.__routesNameSeparator,S=e.strategy||c.__strategy;function i(a){const u=a!=null?a:t.isRef(_)?_.value:_;return u.name?z(u.name).split(g)[0]:void 0}function L(a,u){let o=z(a)+(S==="no_prefix"?"":g+u);return u===E&&S==="prefix_and_default"&&(o+=g+m),o}function n(a,u){const o=u||w(l);let d=a;I(a)&&(a[0]==="/"?d={path:a}:d={name:a});let s=V({},d);if(s.path&&!s.name){const R=c.resolve(s),$=t.isVue2?R.route:R,F=i($);I(F)&&(s={name:L(F,o),params:$.params,query:$.query,hash:$.hash})}else{s.name=L(s.name,o);const{params:R}=s;R&&R["0"]===void 0&&R.pathMatch&&(R["0"]=R.pathMatch)}const x=c.resolve(s);return(t.isVue2?x.route.name:x.name)?x:c.resolve(a)}function T(a,u){const o=n(a,u);return o==null?"":t.isVue2?o.route.redirectedFrom||o.route.fullPath:o.redirectedFrom||o.fullPath}function A(a,u){const o=n(a,u);return o==null?void 0:t.isVue2?o.route:o}function N(a,u){const o=n(a,u);return o==null?void 0:t.isVue2?o.location:o.href}function h(a){const u=i();if(!u)return"";const $=t.isVue2&&t.isRef(_)?_.value:_,{params:o}=$,d=B($,["params"]),s={},x=V({},d,{name:u,params:v(P(P({},o),s),{0:o.pathMatch})}),R=T(x,a);return console.log("switchLocalePath",l.locale.value,a,R),R}return{getRouteBaseName:i,localePath:T,localeRoute:A,localeLocation:N,switchLocalePath:h}}function z(e){return I(e)?e:J(e)?e.toString():"(null)"}const te={PREFIX:"prefix",PREFIX_EXCEPT_DEFAULT:"prefix_except_default",PREFIX_AND_DEFAULT:"prefix_and_default",NO_PREFIX:"no_prefix"},C="",X=te.PREFIX_EXCEPT_DEFAULT,M=!1,j="___",G="default";function q(e,{defaultLocale:l=C,strategy:c=X,trailingSlash:_=M,routesNameSeparator:m=j,defaultLocaleRouteNameSuffix:E=G,includeUprefixedFallback:g=!1,locales:S=[]}={}){if(c==="no_prefix")return e;const i=S.map(n=>I(n)?n:n.code);function L(n,T,A=!1,N=!1){return n.redirect&&(!n.component||!n.file)?[n]:T.reduce((a,u)=>{const{name:o}=n;let{path:d}=n;const s=P({},n);o&&(s.name=`${o}${m}${u}`),n.children&&(s.children=n.children.reduce((F,O)=>[...F,...L(O,[u],!0,N)],[]));const x=u===l;if(x&&c==="prefix_and_default")if(A)A&&N&&o&&(s.name+=`${m}${E}`);else{const F=v(P({},s),{path:d});if(o&&(F.name=`${s.name}${m}${E}`),n.children){F.children=[];for(const O of n.children)F.children=F.children.concat(L(O,[u],!0,!0))}a.push(F)}const R=A&&!d.startsWith("/"),$=!R&&!(x&&c==="prefix_except_default");return $&&(d=`/${u}${d}`),d&&(d=Z(d,_,R)),$&&x&&c==="prefix"&&g&&a.push(P({},n)),s.path=d,a.push(s),a},[])}return e.reduce((n,T)=>[...n,...L(T,i||[])],[])}function ae(e,{locales:l=[]}={}){if(!y(e.global,e.mode))throw new Error("TODO:");const c=t.ref(l);e.global.locales=t.computed(()=>c.value),console.log("... extends i18n done")}function oe(e){return new RegExp(`^/(${e.join("|")})(?:/|$)`,"i")}function le(e,l,c){const _=`(${e.join("|")})`,m=`(?:${l}${c})?`,E=new RegExp(`${l}${_}${m}$`,"i"),g=oe(e);return i=>{if(i.name){const n=(I(i.name)?i.name:i.name.toString()).match(E);if(n&&n.length>1)return n[1]}else if(i.path){const L=i.path.match(g);if(L&&L.length>1)return L[1]}return""}}function ne(e){var l,c,_,m,E,g,S,i;return e.version=(l=e.version)!=null?l:4,e.defaultLocale=(c=e.defaultLocale)!=null?c:C,e.strategy=(_=e.strategy)!=null?_:X,e.trailingSlash=(m=e.trailingSlash)!=null?m:M,e.routesNameSeparator=(E=e.routesNameSeparator)!=null?E:j,e.defaultLocaleRouteNameSuffix=(g=e.defaultLocaleRouteNameSuffix)!=null?g:G,e.locales=(S=e.locales)!=null?S:[],e.routes=(i=e.routes)!=null?i:[],e}function ce(e,l={}){const{version:c,defaultLocale:_,locales:m,strategy:E,trailingSlash:g,routesNameSeparator:S,defaultLocaleRouteNameSuffix:i,routes:L}=ne(l),n=K(m),T=n.map(a=>a.code),A=le(T,S,i);ae(e,{locales:n});const N=q(L,{locales:m,defaultLocale:_,strategy:E,trailingSlash:g,routesNameSeparator:S,defaultLocaleRouteNameSuffix:i});l.routes=N;let h=null;if(t.isVue3&&c===4)h=f.createRouter(l);else if(t.isVue2&&c===3)h=new Y.default(l);else throw new Error("TODO:");return h.__defaultLocale=_,h.__localeCodes=T,h.__strategy=E,h.__trailingSlash=g,h.__routesNameSeparator=S,h.__defaultLocaleRouteNameSuffix=i,h.beforeEach((a,u,o)=>{console.log("beforeEach",a,u);const d=w(e),s=A(a)||d||_||"";console.log("currentLocale",d,"finalLocale",s),d!==s&&Q(e,s),o()}),console.log("create router",h),h}const re="0.0.0";return r.VERSION=re,r.createRouter=ce,r.localizeRoutes=q,r.useI18nRouting=ee,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module",r}({},VueDemi,VueRouter,VueI18n);

package.json

 {
   "name": "vue-i18n-routing",
   "description": "The i18n routing with using vue-i18n",
-  "version": "0.0.0-8229ee2",
+  "version": "0.0.0-9272c44",
   "dependencies": {
     "@intlify/shared": "beta",
-    "vue-demi": "*"
+    "@intlify/vue-i18n-bridge": "^0.3.4",
+    "@intlify/vue-router-bridge": "^0.3.4",
+    "vue-demi": "^0.12.1"
   },
@@ -13,2 +15,3 @@ "devDependencies": {
     "rimraf": "^3.0.2",
+    "typescript": "^4.5.4",
     "vite": "^2.7.4",
@@ -27,2 +30,4 @@ "vite-plugin-dts": "^0.9.6",
     "vue": "^2.6.14 || ^3.2.0",
+    "vue-i18n": "^8.26.1 || ^9.2.0-beta.25",
+    "vue-i18n-bridge": "^9.2.0-beta.25",
     "vue-router": "^3.5.3 || ^4.0.0"
@@ -87,4 +92,3 @@ },
     "build:docs": "api-docs-gen ./temp/vue-i18n-routing.api.json -c ./docsgen.config.js -o ./ -g noprefix"
-  },
-  "readme": "# vue-i18n-routing\n\nThe i18n routing with using vue-i18n\n\nWIP: 👷\n\n## 🤝 API\n\nAbout details, See the [API References]('./api.md)\n\n## ©️ License\n\n[MIT](http://opensource.org/licenses/MIT)"
+  }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Wildcard dependency

Quality

Package has a dependency with a floating version range. This can cause issues if the dependency publishes a new major version.

Found 1 instance in 1 package

Improved metrics

Number of medium quality alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

35947

decreased by-2.15%

Dependency count

9

increased by80%

Dev dependency count

13

increased by8.33%

Lines of code

583

decreased by-0.17%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@intlify/vue-i18n-bridge@^0.3.4

• + Added@intlify/vue-router-bridge@^0.3.4

• + Added@intlify/core-base@9.14.2(transitive)

• + Added@intlify/message-compiler@9.14.2(transitive)

• + Added@intlify/shared@9.14.2(transitive)

• + Added@intlify/vue-devtools@9.14.2(transitive)

• + Added@intlify/vue-i18n-bridge@0.3.6(transitive)

• + Added@intlify/vue-router-bridge@0.3.6(transitive)

• + Addedvue-demi@0.12.5(transitive)

• + Addedvue-i18n@9.14.2(transitive)

• + Addedvue-i18n-bridge@9.14.2(transitive)

• Updatedvue-demi@^0.12.1