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

package/dist/vue-i18n.cjs.js

@@ -1,5 +1,5 @@
 /*!
-  * vue-i18n v9.2.0-beta.21
+  * vue-i18n v9.2.0-beta.25
   * (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.25';
 
 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,37 @@ 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 with list
+        const ret = slots.default ? slots.default() : [];
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return ret.reduce((slot, current) => {
+            return (slot = [
+                ...slot,
+                ...(shared.isArray(current.children) ? current.children : [current])
+            ]);
+        }, []);
+    }
+    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 +1239,7 @@ const baseFormatProps = {
  *
  * @VueI18nComponent
  */
-const Translation = /* #__PURE__*/ vue.defineComponent({
+const Translation =  /* defineComponent */ {
     /* eslint-disable */
     name: 'i18n-t',
     props: shared.assign({
@@ -1220,6 +1254,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 +1276,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 +1322,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 +1363,7 @@ const NUMBER_FORMAT_KEYS = [
  *
  * @VueI18nComponent
  */
-const NumberFormat = /* #__PURE__*/ vue.defineComponent({
+const NumberFormat =  /* defineComponent */ {
     /* eslint-disable */
     name: 'i18n-n',
     props: shared.assign({
@@ -1353,6 +1376,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 +1384,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 +1425,7 @@ const DATETIME_FORMAT_KEYS = [
  *
  * @VueI18nComponent
  */
-const DatetimeFormat = /* #__PURE__*/ vue.defineComponent({
+const DatetimeFormat =  /*defineComponent */ {
     /* eslint-disable */
     name: 'i18n-d',
     props: shared.assign({
@@ -1414,6 +1438,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 +1446,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 +1688,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.25
   * (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.25';
 
 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,37 @@ 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 with list
+        const ret = slots.default ? slots.default() : [];
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return ret.reduce((slot, current) => {
+            return (slot = [
+                ...slot,
+                ...(shared.isArray(current.children) ? current.children : [current])
+            ]);
+        }, []);
+    }
+    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 +1117,7 @@ const baseFormatProps = {
  *
  * @VueI18nComponent
  */
-const Translation = /* #__PURE__*/ vue.defineComponent({
+const Translation =  /* defineComponent */ {
     /* eslint-disable */
     name: 'i18n-t',
     props: shared.assign({
@@ -1099,6 +1132,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 +1154,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 +1200,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 +1241,7 @@ const NUMBER_FORMAT_KEYS = [
  *
  * @VueI18nComponent
  */
-const NumberFormat = /* #__PURE__*/ vue.defineComponent({
+const NumberFormat =  /* defineComponent */ {
     /* eslint-disable */
     name: 'i18n-n',
     props: shared.assign({
@@ -1232,6 +1254,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 +1262,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 +1303,7 @@ const DATETIME_FORMAT_KEYS = [
  *
  * @VueI18nComponent
  */
-const DatetimeFormat = /* #__PURE__*/ vue.defineComponent({
+const DatetimeFormat =  /*defineComponent */ {
     /* eslint-disable */
     name: 'i18n-d',
     props: shared.assign({
@@ -1293,6 +1316,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 +1324,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 +1558,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);