vue-i18n 9.2.0-beta.21 → 9.2.0-beta.22

package/dist/vue-i18n.cjs.js

@@ -1,5 +1,5 @@
 /*!
-  * vue-i18n v9.2.0-beta.21
+  * vue-i18n v9.2.0-beta.22
   * (c) 2021 kazuya kawaguchi
   * Released under the MIT License.
   */
@@ -19,7 +19,7 @@ var vue = require('vue');
  *
  * @VueI18nGeneral
  */
-const VERSION = '9.2.0-beta.21';
+const VERSION = '9.2.0-beta.22';
 
 let code$1 = coreBase.CoreWarnCodes.__EXTEND_POINT__;
 const inc$1 = () => code$1++;
@@ -244,9 +244,14 @@ function adjustI18nResources(global, options, componentOptions // eslint-disable
         }
     }
 }
+function createTextNode(key) {
+    return vue.createVNode(vue.Text, null, key, 0)
+        ;
+}
 /* eslint-enable @typescript-eslint/no-explicit-any */
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
+// extend VNode interface
 const DEVTOOLS_META = '__INTLIFY_META__';
 let composerID = 0;
 function defineCoreMissingHandler(missing) {
@@ -518,7 +523,7 @@ function createComposer(options = {}, VueI18nLegacy) {
     }
     // for custom processor
     function normalize(values) {
-        return values.map(val => shared.isString(val) ? vue.createVNode(vue.Text, null, val, 0) : val);
+        return values.map(val => (shared.isString(val) ? createTextNode(val) : val));
     }
     const interpolate = (val) => val;
     const processor = {
@@ -541,7 +546,7 @@ function createComposer(options = {}, VueI18nLegacy) {
             return ret;
         }, () => coreBase.parseTranslateArgs(...args), 'translate', 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        root => root[TransrateVNodeSymbol](...args), key => [vue.createVNode(vue.Text, null, key, 0)], val => shared.isArray(val));
+        root => root[TransrateVNodeSymbol](...args), key => [createTextNode(key)], val => shared.isArray(val));
     }
     // numberParts, using for `i18n-n` component
     function numberParts(...args) {
@@ -749,11 +754,9 @@ function createComposer(options = {}, VueI18nLegacy) {
         composer.setNumberFormat = setNumberFormat;
         composer.mergeNumberFormat = mergeNumberFormat;
         composer[InejctWithOption] = options.__injectWithOption;
-        {
-            composer[TransrateVNodeSymbol] = transrateVNode;
-            composer[NumberPartsSymbol] = numberParts;
-            composer[DatetimePartsSymbol] = datetimeParts;
-        }
+        composer[TransrateVNodeSymbol] = transrateVNode;
+        composer[DatetimePartsSymbol] = datetimeParts;
+        composer[NumberPartsSymbol] = numberParts;
     }
     // for vue-devtools timeline event
     {
@@ -1156,6 +1159,30 @@ const baseFormatProps = {
     }
 };
 
+function getInterpolateArg(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+{ slots }, // SetupContext,
+keys) {
+    if (keys.length === 1 && keys[0] === 'default') {
+        // default slot only
+        return slots.default ? slots.default() : [];
+    }
+    else {
+        // named slots
+        return keys.reduce((arg, key) => {
+            const slot = slots[key];
+            if (slot) {
+                arg[key] = slot();
+            }
+            return arg;
+        }, {});
+    }
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function getFragmentableTag(tag) {
+    return vue.Fragment ;
+}
+
 /**
  * Translation Component
  *
@@ -1205,7 +1232,7 @@ const baseFormatProps = {
  *
  * @VueI18nComponent
  */
-const Translation = /* #__PURE__*/ vue.defineComponent({
+const Translation =  /* defineComponent */ {
     /* eslint-disable */
     name: 'i18n-t',
     props: shared.assign({
@@ -1220,6 +1247,7 @@ const Translation = /* #__PURE__*/ vue.defineComponent({
         }
     }, baseFormatProps),
     /* eslint-enable */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     setup(props, context) {
         const { slots, attrs } = context;
         // NOTE: avoid https://github.com/microsoft/rushstack/issues/1050
@@ -1241,27 +1269,13 @@ const Translation = /* #__PURE__*/ vue.defineComponent({
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const children = i18n[TransrateVNodeSymbol](props.keypath, arg, options);
             const assignedAttrs = shared.assign({}, attrs);
-            const tag = shared.isString(props.tag) || shared.isObject(props.tag) ? props.tag : vue.Fragment;
+            const tag = shared.isString(props.tag) || shared.isObject(props.tag)
+                ? props.tag
+                : getFragmentableTag();
             return vue.h(tag, assignedAttrs, children);
         };
     }
-});
-function getInterpolateArg({ slots }, keys) {
-    if (keys.length === 1 && keys[0] === 'default') {
-        // default slot only
-        return slots.default ? slots.default() : [];
-    }
-    else {
-        // named slots
-        return keys.reduce((arg, key) => {
-            const slot = slots[key];
-            if (slot) {
-                arg[key] = slot();
-            }
-            return arg;
-        }, {});
-    }
-}
+};
 
 function renderFormatter(props, context, slotKeys, partFormatter) {
     const { slots, attrs } = context;
@@ -1301,7 +1315,9 @@ function renderFormatter(props, context, slotKeys, partFormatter) {
             children = [parts];
         }
         const assignedAttrs = shared.assign({}, attrs);
-        const tag = shared.isString(props.tag) || shared.isObject(props.tag) ? props.tag : vue.Fragment;
+        const tag = shared.isString(props.tag) || shared.isObject(props.tag)
+            ? props.tag
+            : getFragmentableTag();
         return vue.h(tag, assignedAttrs, children);
     };
 }
@@ -1340,7 +1356,7 @@ const NUMBER_FORMAT_KEYS = [
  *
  * @VueI18nComponent
  */
-const NumberFormat = /* #__PURE__*/ vue.defineComponent({
+const NumberFormat =  /* defineComponent */ {
     /* eslint-disable */
     name: 'i18n-n',
     props: shared.assign({
@@ -1353,6 +1369,7 @@ const NumberFormat = /* #__PURE__*/ vue.defineComponent({
         }
     }, baseFormatProps),
     /* eslint-enable */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     setup(props, context) {
         const i18n = props.i18n ||
             useI18n({ useScope: 'parent', __useComponent: true });
@@ -1360,7 +1377,7 @@ const NumberFormat = /* #__PURE__*/ vue.defineComponent({
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         i18n[NumberPartsSymbol](...args));
     }
-});
+};
 
 const DATETIME_FORMAT_KEYS = [
     'dateStyle',
@@ -1401,7 +1418,7 @@ const DATETIME_FORMAT_KEYS = [
  *
  * @VueI18nComponent
  */
-const DatetimeFormat = /* #__PURE__*/ vue.defineComponent({
+const DatetimeFormat =  /*defineComponent */ {
     /* eslint-disable */
     name: 'i18n-d',
     props: shared.assign({
@@ -1414,6 +1431,7 @@ const DatetimeFormat = /* #__PURE__*/ vue.defineComponent({
         }
     }, baseFormatProps),
     /* eslint-enable */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     setup(props, context) {
         const i18n = props.i18n ||
             useI18n({ useScope: 'parent', __useComponent: true });
@@ -1421,7 +1439,7 @@ const DatetimeFormat = /* #__PURE__*/ vue.defineComponent({
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         i18n[DatetimePartsSymbol](...args));
     }
-});
+};
 
 function getComposer$1(i18n, instance) {
     const i18nInternal = i18n;
@@ -1663,10 +1681,8 @@ function createI18n(options = {}, VueI18nLegacy) {
             // install plugin
             async install(app, ...options) {
                 // setup global provider
-                {
-                    app.__VUE_I18N_SYMBOL__ = symbol;
-                    app.provide(app.__VUE_I18N_SYMBOL__, i18n);
-                }
+                app.__VUE_I18N_SYMBOL__ = symbol;
+                app.provide(app.__VUE_I18N_SYMBOL__, i18n);
                 // global method and properties injection for Composition API
                 if (!__legacyMode && __globalInjection) {
                     injectGlobalFields(app, i18n.global);

package/dist/vue-i18n.cjs.prod.js

@@ -1,5 +1,5 @@
 /*!
-  * vue-i18n v9.2.0-beta.21
+  * vue-i18n v9.2.0-beta.22
   * (c) 2021 kazuya kawaguchi
   * Released under the MIT License.
   */
@@ -19,7 +19,7 @@ var shared = require('@intlify/shared');
  *
  * @VueI18nGeneral
  */
-const VERSION = '9.2.0-beta.21';
+const VERSION = '9.2.0-beta.22';
 
 let code = coreBase.CompileErrorCodes.__EXTEND_POINT__;
 const inc = () => code++;
@@ -202,6 +202,10 @@ function adjustI18nResources(global, options, componentOptions // eslint-disable
         }
     }
 }
+function createTextNode(key) {
+    return vue.createVNode(vue.Text, null, key, 0)
+        ;
+}
 /* eslint-enable @typescript-eslint/no-explicit-any */
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -428,7 +432,7 @@ function createComposer(options = {}, VueI18nLegacy) {
     }
     // for custom processor
     function normalize(values) {
-        return values.map(val => shared.isString(val) ? vue.createVNode(vue.Text, null, val, 0) : val);
+        return values.map(val => (shared.isString(val) ? createTextNode(val) : val));
     }
     const interpolate = (val) => val;
     const processor = {
@@ -451,7 +455,7 @@ function createComposer(options = {}, VueI18nLegacy) {
             return ret;
         }, () => coreBase.parseTranslateArgs(...args), 'translate', 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        root => root[TransrateVNodeSymbol](...args), key => [vue.createVNode(vue.Text, null, key, 0)], val => shared.isArray(val));
+        root => root[TransrateVNodeSymbol](...args), key => [createTextNode(key)], val => shared.isArray(val));
     }
     // numberParts, using for `i18n-n` component
     function numberParts(...args) {
@@ -659,11 +663,9 @@ function createComposer(options = {}, VueI18nLegacy) {
         composer.setNumberFormat = setNumberFormat;
         composer.mergeNumberFormat = mergeNumberFormat;
         composer[InejctWithOption] = options.__injectWithOption;
-        {
-            composer[TransrateVNodeSymbol] = transrateVNode;
-            composer[NumberPartsSymbol] = numberParts;
-            composer[DatetimePartsSymbol] = datetimeParts;
-        }
+        composer[TransrateVNodeSymbol] = transrateVNode;
+        composer[DatetimePartsSymbol] = datetimeParts;
+        composer[NumberPartsSymbol] = numberParts;
     }
     return composer;
 }
@@ -1035,6 +1037,30 @@ const baseFormatProps = {
     }
 };
 
+function getInterpolateArg(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+{ slots }, // SetupContext,
+keys) {
+    if (keys.length === 1 && keys[0] === 'default') {
+        // default slot only
+        return slots.default ? slots.default() : [];
+    }
+    else {
+        // named slots
+        return keys.reduce((arg, key) => {
+            const slot = slots[key];
+            if (slot) {
+                arg[key] = slot();
+            }
+            return arg;
+        }, {});
+    }
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function getFragmentableTag(tag) {
+    return vue.Fragment ;
+}
+
 /**
  * Translation Component
  *
@@ -1084,7 +1110,7 @@ const baseFormatProps = {
  *
  * @VueI18nComponent
  */
-const Translation = /* #__PURE__*/ vue.defineComponent({
+const Translation =  /* defineComponent */ {
     /* eslint-disable */
     name: 'i18n-t',
     props: shared.assign({
@@ -1099,6 +1125,7 @@ const Translation = /* #__PURE__*/ vue.defineComponent({
         }
     }, baseFormatProps),
     /* eslint-enable */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     setup(props, context) {
         const { slots, attrs } = context;
         // NOTE: avoid https://github.com/microsoft/rushstack/issues/1050
@@ -1120,27 +1147,13 @@ const Translation = /* #__PURE__*/ vue.defineComponent({
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const children = i18n[TransrateVNodeSymbol](props.keypath, arg, options);
             const assignedAttrs = shared.assign({}, attrs);
-            const tag = shared.isString(props.tag) || shared.isObject(props.tag) ? props.tag : vue.Fragment;
+            const tag = shared.isString(props.tag) || shared.isObject(props.tag)
+                ? props.tag
+                : getFragmentableTag();
             return vue.h(tag, assignedAttrs, children);
         };
     }
-});
-function getInterpolateArg({ slots }, keys) {
-    if (keys.length === 1 && keys[0] === 'default') {
-        // default slot only
-        return slots.default ? slots.default() : [];
-    }
-    else {
-        // named slots
-        return keys.reduce((arg, key) => {
-            const slot = slots[key];
-            if (slot) {
-                arg[key] = slot();
-            }
-            return arg;
-        }, {});
-    }
-}
+};
 
 function renderFormatter(props, context, slotKeys, partFormatter) {
     const { slots, attrs } = context;
@@ -1180,7 +1193,9 @@ function renderFormatter(props, context, slotKeys, partFormatter) {
             children = [parts];
         }
         const assignedAttrs = shared.assign({}, attrs);
-        const tag = shared.isString(props.tag) || shared.isObject(props.tag) ? props.tag : vue.Fragment;
+        const tag = shared.isString(props.tag) || shared.isObject(props.tag)
+            ? props.tag
+            : getFragmentableTag();
         return vue.h(tag, assignedAttrs, children);
     };
 }
@@ -1219,7 +1234,7 @@ const NUMBER_FORMAT_KEYS = [
  *
  * @VueI18nComponent
  */
-const NumberFormat = /* #__PURE__*/ vue.defineComponent({
+const NumberFormat =  /* defineComponent */ {
     /* eslint-disable */
     name: 'i18n-n',
     props: shared.assign({
@@ -1232,6 +1247,7 @@ const NumberFormat = /* #__PURE__*/ vue.defineComponent({
         }
     }, baseFormatProps),
     /* eslint-enable */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     setup(props, context) {
         const i18n = props.i18n ||
             useI18n({ useScope: 'parent', __useComponent: true });
@@ -1239,7 +1255,7 @@ const NumberFormat = /* #__PURE__*/ vue.defineComponent({
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         i18n[NumberPartsSymbol](...args));
     }
-});
+};
 
 const DATETIME_FORMAT_KEYS = [
     'dateStyle',
@@ -1280,7 +1296,7 @@ const DATETIME_FORMAT_KEYS = [
  *
  * @VueI18nComponent
  */
-const DatetimeFormat = /* #__PURE__*/ vue.defineComponent({
+const DatetimeFormat =  /*defineComponent */ {
     /* eslint-disable */
     name: 'i18n-d',
     props: shared.assign({
@@ -1293,6 +1309,7 @@ const DatetimeFormat = /* #__PURE__*/ vue.defineComponent({
         }
     }, baseFormatProps),
     /* eslint-enable */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     setup(props, context) {
         const i18n = props.i18n ||
             useI18n({ useScope: 'parent', __useComponent: true });
@@ -1300,7 +1317,7 @@ const DatetimeFormat = /* #__PURE__*/ vue.defineComponent({
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         i18n[DatetimePartsSymbol](...args));
     }
-});
+};
 
 function getComposer$1(i18n, instance) {
     const i18nInternal = i18n;
@@ -1534,10 +1551,8 @@ function createI18n(options = {}, VueI18nLegacy) {
             // install plugin
             async install(app, ...options) {
                 // setup global provider
-                {
-                    app.__VUE_I18N_SYMBOL__ = symbol;
-                    app.provide(app.__VUE_I18N_SYMBOL__, i18n);
-                }
+                app.__VUE_I18N_SYMBOL__ = symbol;
+                app.provide(app.__VUE_I18N_SYMBOL__, i18n);
                 // global method and properties injection for Composition API
                 if (!__legacyMode && __globalInjection) {
                     injectGlobalFields(app, i18n.global);

package/dist/vue-i18n.d.ts

@@ -1,11 +1,7 @@
-import type { AllowedComponentProps } from 'vue';
 import type { App } from 'vue';
-import type { ComponentCustomProps } from 'vue';
 import type { ComponentInternalInstance } from 'vue';
-import type { ComponentOptionsMixin } from 'vue';
 import type { ComputedRef } from 'vue';
 import { DateTimeOptions } from '@intlify/core-base';
-import type { DefineComponent } from 'vue';
 import { FallbackLocale } from '@intlify/core-base';
 import type { FallbackLocales } from '@intlify/core-base';
 import { InjectionKey } from 'vue';
@@ -42,14 +38,11 @@ import { PluralizationRule } from '@intlify/core-base';
 import type { PluralizationRules } from '@intlify/core-base';
 import { PostTranslationHandler } from '@intlify/core-base';
 import type { RemoveIndexSignature } from '@intlify/core-base';
-import type { RenderFunction } from 'vue';
 import type { ResourcePath } from '@intlify/core-base';
 import type { ResourceValue } from '@intlify/core-base';
 import type { SchemaParams } from '@intlify/core-base';
 import { TranslateOptions } from '@intlify/core-base';
 import type { VNode } from 'vue';
-import type { VNodeChild } from 'vue';
-import type { VNodeProps } from 'vue';
 import type { WritableComputedRef } from 'vue';
 
 /**
@@ -1312,47 +1305,34 @@ export declare type CustomBlocks<Message = VueMessageType> = Array<CustomBlock<M
  *
  * @VueI18nComponent
  */
-export declare const DatetimeFormat: DefineComponent<{
-    value: {
-        type: (NumberConstructor | DateConstructor)[];
-        required: boolean;
+export declare const DatetimeFormat: {
+    name: string;
+    props: {
+        value: {
+            type: (NumberConstructor | DateConstructor)[];
+            required: boolean;
+        };
+        format: {
+            type: (ObjectConstructor | StringConstructor)[];
+        };
+    } & {
+        tag: {
+            type: (ObjectConstructor | StringConstructor)[];
+        };
+        locale: {
+            type: StringConstructor;
+        };
+        scope: {
+            type: StringConstructor;
+            validator: (val: "parent" | "global") => boolean;
+            default: "parent" | "global";
+        };
+        i18n: {
+            type: ObjectConstructor;
+        };
     };
-    format: {
-        type: (ObjectConstructor | StringConstructor)[];
-    };
-} & {
-    tag: {
-        type: (ObjectConstructor | StringConstructor)[];
-    };
-    locale: {
-        type: StringConstructor;
-    };
-    scope: {
-        type: StringConstructor;
-        validator: (val: "parent" | "global") => boolean;
-        default: "parent" | "global";
-    };
-    i18n: {
-        type: ObjectConstructor;
-    };
-}, RenderFunction, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
-    value?: unknown;
-    format?: unknown;
-    tag?: unknown;
-    locale?: unknown;
-    scope?: unknown;
-    i18n?: unknown;
-} & {
-    scope: string;
-} & {
-    value?: number | Date | undefined;
-    format?: string | Record<string, any> | undefined;
-    tag?: string | Record<string, any> | undefined;
-    locale?: string | undefined;
-    i18n?: Record<string, any> | undefined;
-}>, {
-    scope: string;
-}>;
+    setup(props: any, context: any): any;
+};
 
 /**
  * DatetimeFormat Component Props
@@ -1718,47 +1698,34 @@ export { NamedValue }
  *
  * @VueI18nComponent
  */
-export declare const NumberFormat: DefineComponent<{
-    value: {
-        type: NumberConstructor;
-        required: boolean;
-    };
-    format: {
-        type: (ObjectConstructor | StringConstructor)[];
-    };
-} & {
-    tag: {
-        type: (ObjectConstructor | StringConstructor)[];
-    };
-    locale: {
-        type: StringConstructor;
-    };
-    scope: {
-        type: StringConstructor;
-        validator: (val: "parent" | "global") => boolean;
-        default: "parent" | "global";
+export declare const NumberFormat: {
+    name: string;
+    props: {
+        value: {
+            type: NumberConstructor;
+            required: boolean;
+        };
+        format: {
+            type: (ObjectConstructor | StringConstructor)[];
+        };
+    } & {
+        tag: {
+            type: (ObjectConstructor | StringConstructor)[];
+        };
+        locale: {
+            type: StringConstructor;
+        };
+        scope: {
+            type: StringConstructor;
+            validator: (val: "parent" | "global") => boolean;
+            default: "parent" | "global";
+        };
+        i18n: {
+            type: ObjectConstructor;
+        };
     };
-    i18n: {
-        type: ObjectConstructor;
-    };
-}, RenderFunction, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
-    value?: unknown;
-    format?: unknown;
-    tag?: unknown;
-    locale?: unknown;
-    scope?: unknown;
-    i18n?: unknown;
-} & {
-    scope: string;
-} & {
-    value?: number | undefined;
-    format?: string | Record<string, any> | undefined;
-    tag?: string | Record<string, any> | undefined;
-    locale?: string | undefined;
-    i18n?: Record<string, any> | undefined;
-}>, {
-    scope: string;
-}>;
+    setup(props: any, context: any): any;
+};
 
 /**
  * NumberFormat Component Props
@@ -1839,48 +1806,35 @@ export declare type TranslateResult = string;
  *
  * @VueI18nComponent
  */
-export declare const Translation: DefineComponent<{
-    keypath: {
-        type: StringConstructor;
-        required: boolean;
-    };
-    plural: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator: (val: any) => boolean;
-    };
-} & {
-    tag: {
-        type: (ObjectConstructor | StringConstructor)[];
+export declare const Translation: {
+    name: string;
+    props: {
+        keypath: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        plural: {
+            type: (StringConstructor | NumberConstructor)[];
+            validator: (val: any) => boolean;
+        };
+    } & {
+        tag: {
+            type: (ObjectConstructor | StringConstructor)[];
+        };
+        locale: {
+            type: StringConstructor;
+        };
+        scope: {
+            type: StringConstructor;
+            validator: (val: "parent" | "global") => boolean;
+            default: "parent" | "global";
+        };
+        i18n: {
+            type: ObjectConstructor;
+        };
     };
-    locale: {
-        type: StringConstructor;
-    };
-    scope: {
-        type: StringConstructor;
-        validator: (val: "parent" | "global") => boolean;
-        default: "parent" | "global";
-    };
-    i18n: {
-        type: ObjectConstructor;
-    };
-}, () => VNodeChild, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
-    keypath?: unknown;
-    plural?: unknown;
-    tag?: unknown;
-    locale?: unknown;
-    scope?: unknown;
-    i18n?: unknown;
-} & {
-    scope: string;
-} & {
-    keypath?: string | undefined;
-    plural?: string | number | undefined;
-    tag?: string | Record<string, any> | undefined;
-    locale?: string | undefined;
-    i18n?: Record<string, any> | undefined;
-}>, {
-    scope: string;
-}>;
+    setup(props: any, context: any): any;
+};
 
 /**
  * Translation Directive (`v-t`)