vue-i18n 11.1.12 → 11.2.2

package/dist/vue-i18n.cjs

@@ -1,5 +1,5 @@
 /*!
-  * vue-i18n v11.1.12
+  * vue-i18n v11.2.2
   * (c) 2025 kazuya kawaguchi
   * Released under the MIT License.
   */
@@ -7,7 +7,20 @@
 
 var coreBase = require('@intlify/core-base');
 var shared = require('@intlify/shared');
-var vue = require('vue');
+var Vue = require('vue');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    for (var k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Vue__namespace = /*#__PURE__*/_interopNamespaceDefault(Vue);
 
 /**
  * Vue I18n Version
@@ -17,7 +30,7 @@ var vue = require('vue');
  *
  * @VueI18nGeneral
  */
-const VERSION = '11.1.12';
+const VERSION = '11.2.2';
 
 const I18nErrorCodes = {
     // composer module errors
@@ -204,8 +217,19 @@ function adjustI18nResources(gl, options, componentOptions) {
     }
 }
 function createTextNode(key) {
-    return vue.createVNode(vue.Text, null, key, 0);
+    return Vue.createVNode(Vue.Text, null, key, 0);
+}
+function getCurrentInstance() {
+    if ('currentInstance' in Vue__namespace) {
+        // NOTE(kazupon): avoid bundler static analysis
+        const name = 'current' + 'Instance';
+        return Vue__namespace[name];
+    }
+    else {
+        return Vue__namespace.getCurrentInstance();
+    }
 }
+/* eslint-enable @typescript-eslint/no-explicit-any */
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 // extend VNode interface
@@ -215,13 +239,13 @@ const NOOP_RETURN_FALSE = () => false;
 let composerID = 0;
 function defineCoreMissingHandler(missing) {
     return ((ctx, locale, key, type) => {
-        return missing(locale, key, vue.getCurrentInstance() || undefined, type);
+        return missing(locale, key, getCurrentInstance() || undefined, type);
     });
 }
 // for Intlify DevTools
 /* #__NO_SIDE_EFFECTS__ */
 const getMetaInfo = () => {
-    const instance = vue.getCurrentInstance();
+    const instance = getCurrentInstance();
     let meta = null;
     return instance && (meta = getComponentOptions(instance)[DEVTOOLS_META])
         ? { [DEVTOOLS_META]: meta }
@@ -236,7 +260,7 @@ function createComposer(options = {}) {
     const { __root, __injectWithOption } = options;
     const _isGlobal = __root === undefined;
     const flatJson = options.flatJson;
-    const _ref = shared.inBrowser ? vue.ref : vue.shallowRef;
+    const _ref = shared.inBrowser ? Vue.ref : Vue.shallowRef;
     let _inheritLocale = shared.isBoolean(options.inheritLocale)
         ? options.inheritLocale
         : true;
@@ -366,7 +390,7 @@ function createComposer(options = {}) {
             ;
     }
     // locale
-    const locale = vue.computed({
+    const locale = Vue.computed({
         get: () => _locale.value,
         set: val => {
             _context.locale = val;
@@ -374,7 +398,7 @@ function createComposer(options = {}) {
         }
     });
     // fallbackLocale
-    const fallbackLocale = vue.computed({
+    const fallbackLocale = Vue.computed({
         get: () => _fallbackLocale.value,
         set: val => {
             _context.fallbackLocale = val;
@@ -383,11 +407,11 @@ function createComposer(options = {}) {
         }
     });
     // messages
-    const messages = vue.computed(() => _messages.value);
+    const messages = Vue.computed(() => _messages.value);
     // datetimeFormats
-    const datetimeFormats = /* #__PURE__*/ vue.computed(() => _datetimeFormats.value);
+    const datetimeFormats = /* #__PURE__*/ Vue.computed(() => _datetimeFormats.value);
     // numberFormats
-    const numberFormats = /* #__PURE__*/ vue.computed(() => _numberFormats.value);
+    const numberFormats = /* #__PURE__*/ Vue.computed(() => _numberFormats.value);
     // getPostTranslationHandler
     function getPostTranslationHandler() {
         return shared.isFunction(_postTranslation) ? _postTranslation : null;
@@ -612,14 +636,14 @@ function createComposer(options = {}) {
     composerID++;
     // watch root locale & fallbackLocale
     if (__root && shared.inBrowser) {
-        vue.watch(__root.locale, (val) => {
+        Vue.watch(__root.locale, (val) => {
             if (_inheritLocale) {
                 _locale.value = val;
                 _context.locale = val;
                 coreBase.updateFallbackLocale(_context, _locale.value, _fallbackLocale.value);
             }
         });
-        vue.watch(__root.fallbackLocale, (val) => {
+        Vue.watch(__root.fallbackLocale, (val) => {
             if (_inheritLocale) {
                 _fallbackLocale.value = val;
                 _context.fallbackLocale = val;
@@ -992,7 +1016,7 @@ function createVueI18n(options = {}) {
 function defineMixin(vuei18n, composer, i18n) {
     return {
         beforeCreate() {
-            const instance = vue.getCurrentInstance();
+            const instance = getCurrentInstance();
             /* istanbul ignore if */
             if (!instance) {
                 throw createI18nError(I18nErrorCodes.UNEXPECTED_ERROR);
@@ -1059,7 +1083,7 @@ function defineMixin(vuei18n, composer, i18n) {
         mounted() {
         },
         unmounted() {
-            const instance = vue.getCurrentInstance();
+            const instance = getCurrentInstance();
             /* istanbul ignore if */
             if (!instance) {
                 throw createI18nError(I18nErrorCodes.UNEXPECTED_ERROR);
@@ -1139,7 +1163,7 @@ keys) {
             return [
                 ...slot,
                 // prettier-ignore
-                ...(current.type === vue.Fragment ? current.children : [current])
+                ...(current.type === Vue.Fragment ? current.children : [current])
             ];
         }, []);
     }
@@ -1156,10 +1180,10 @@ keys) {
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function getFragmentableTag() {
-    return vue.Fragment;
+    return Vue.Fragment;
 }
 
-const TranslationImpl = /*#__PURE__*/ vue.defineComponent({
+const TranslationImpl = /*#__PURE__*/ Vue.defineComponent({
     /* eslint-disable */
     name: 'i18n-t',
     props: shared.assign({
@@ -1198,7 +1222,7 @@ const TranslationImpl = /*#__PURE__*/ vue.defineComponent({
             const tag = shared.isString(props.tag) || shared.isObject(props.tag)
                 ? props.tag
                 : getFragmentableTag();
-            return vue.h(tag, assignedAttrs, children);
+            return Vue.h(tag, assignedAttrs, children);
         };
     }
 });
@@ -1306,11 +1330,11 @@ function renderFormatter(props, context, slotKeys, partFormatter) {
         const tag = shared.isString(props.tag) || shared.isObject(props.tag)
             ? props.tag
             : getFragmentableTag();
-        return vue.h(tag, assignedAttrs, children);
+        return Vue.h(tag, assignedAttrs, children);
     };
 }
 
-const NumberFormatImpl = /*#__PURE__*/ vue.defineComponent({
+const NumberFormatImpl = /*#__PURE__*/ Vue.defineComponent({
     /* eslint-disable */
     name: 'i18n-n',
     props: shared.assign({
@@ -1392,7 +1416,7 @@ function vTDirective(i18n) {
         const [textContent, composer] = _process(binding);
         if (shared.inBrowser && i18n.global === composer) {
             // global scope only
-            el.__i18nWatcher = vue.watch(composer.locale, () => {
+            el.__i18nWatcher = Vue.watch(composer.locale, () => {
                 binding.instance && binding.instance.$forceUpdate();
             });
         }
@@ -1571,7 +1595,7 @@ function createI18n(options = {}) {
     return i18n;
 }
 function useI18n(options = {}) {
-    const instance = vue.getCurrentInstance();
+    const instance = getCurrentInstance();
     if (instance == null) {
         throw createI18nError(I18nErrorCodes.MUST_BE_CALL_SETUP_TOP);
     }
@@ -1617,7 +1641,7 @@ function useI18n(options = {}) {
     return composer;
 }
 function createGlobal(options, legacyMode) {
-    const scope = vue.effectScope();
+    const scope = Vue.effectScope();
     const obj = legacyMode
         ? scope.run(() => createVueI18n(options))
         : scope.run(() => createComposer(options));
@@ -1627,7 +1651,7 @@ function createGlobal(options, legacyMode) {
     return [scope, obj];
 }
 function getI18nInstance(instance) {
-    const i18n = vue.inject(!instance.isCE
+    const i18n = Vue.inject(!instance.isCE
         ? instance.appContext.app.__VUE_I18N_SYMBOL__
         : I18nInjectionKey);
     /* istanbul ignore if */
@@ -1699,9 +1723,9 @@ function getParentComponentInstance(target, useComponent = false) {
         : target.vnode.ctx || target.parent; // eslint-disable-line @typescript-eslint/no-explicit-any
 }
 function setupLifeCycle(i18n, target, composer) {
-    vue.onMounted(() => {
+    Vue.onMounted(() => {
     }, target);
-    vue.onUnmounted(() => {
+    Vue.onUnmounted(() => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const _composer = composer;
         i18n.__deleteInstance(target);
@@ -1727,7 +1751,7 @@ function injectGlobalFields(app, composer) {
         if (!desc) {
             throw createI18nError(I18nErrorCodes.UNEXPECTED_ERROR);
         }
-        const wrap = vue.isRef(desc.value) // check computed props
+        const wrap = Vue.isRef(desc.value) // check computed props
             ? {
                 get() {
                     return desc.value.value;
@@ -1763,7 +1787,7 @@ function injectGlobalFields(app, composer) {
     return dispose;
 }
 
-const DatetimeFormatImpl = /* #__PURE__*/ vue.defineComponent({
+const DatetimeFormatImpl = /* #__PURE__*/ Vue.defineComponent({
     /* eslint-disable */
     name: 'i18n-d',
     props: shared.assign({

package/dist/vue-i18n.d.ts

@@ -7,6 +7,7 @@ import { FallbackLocale } from '@intlify/core-base';
 import type { FallbackLocales } from '@intlify/core-base';
 import type { GeneratedLocale } from '@intlify/core-base';
 import { GeneratedTypeConfig } from '@intlify/core-base';
+import type { GenericComponentInstance } from 'vue';
 import { InjectionKey } from 'vue';
 import { DateTimeFormat as IntlDateTimeFormat } from '@intlify/core-base';
 import { DateTimeFormats as IntlDateTimeFormats } from '@intlify/core-base';
@@ -1865,7 +1866,7 @@ export { MessageFunctions }
 export { MessageResolver }
 
 /** @VueI18nComposition */
-export declare type MissingHandler = (locale: Locale, key: Path, instance?: ComponentInternalInstance, type?: string) => string | void;
+export declare type MissingHandler = (locale: Locale, key: Path, instance?: ComponentInternalInstance | GenericComponentInstance, type?: string) => string | void;
 export { NamedValue }
 
 /**

package/dist/vue-i18n.esm-browser.js

@@ -1,9 +1,10 @@
 /*!
-  * vue-i18n v11.1.12
+  * vue-i18n v11.2.2
   * (c) 2025 kazuya kawaguchi
   * Released under the MIT License.
   */
-import { createVNode, Text, computed, watch, getCurrentInstance, ref, shallowRef, Fragment, defineComponent, h, effectScope, inject, onMounted, onUnmounted, isRef } from 'vue';
+import * as Vue from 'vue';
+import { createVNode, Text, computed, watch, ref, shallowRef, Fragment, defineComponent, h, effectScope, inject, onMounted, onUnmounted, isRef } from 'vue';
 
 function warn(msg, err) {
     if (typeof console !== 'undefined') {
@@ -2515,7 +2516,7 @@ function getWarnMessage$1(code, ...args) {
  * Intlify core-base version
  * @internal
  */
-const VERSION$1 = '11.1.12';
+const VERSION$1 = '11.2.2';
 const NOT_REOSLVED = -1;
 const DEFAULT_LOCALE = 'en-US';
 const MISSING_RESOLVE_VALUE = '';
@@ -3644,7 +3645,7 @@ function getMessageContextOptions(context, locale, message, options) {
  *
  * @VueI18nGeneral
  */
-const VERSION = '11.1.12';
+const VERSION = '11.2.2';
 /**
  * This is only called development env
  * istanbul-ignore-next
@@ -3895,6 +3896,17 @@ function adjustI18nResources(gl, options, componentOptions) {
 function createTextNode(key) {
     return createVNode(Text, null, key, 0);
 }
+function getCurrentInstance() {
+    if ('currentInstance' in Vue) {
+        // NOTE(kazupon): avoid bundler static analysis
+        const name = 'current' + 'Instance';
+        return Vue[name];
+    }
+    else {
+        return Vue.getCurrentInstance();
+    }
+}
+/* eslint-enable @typescript-eslint/no-explicit-any */
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 // extend VNode interface
@@ -4663,18 +4675,16 @@ async function enableDevTools(app, i18n) {
                     updateComponentTreeTags(componentInstance, treeNode, i18n);
                 });
                 api.on.inspectComponent(({ componentInstance, instanceData }) => {
-                    if (componentInstance.vnode.el &&
-                        componentInstance.vnode.el.__VUE_I18N__ &&
-                        instanceData) {
+                    if (componentInstance.__VUE_I18N__ && instanceData) {
                         if (i18n.mode === 'legacy') {
                             // ignore global scope on legacy mode
-                            if (componentInstance.vnode.el.__VUE_I18N__ !==
+                            if (componentInstance.__VUE_I18N__ !==
                                 i18n.global.__composer) {
-                                inspectComposer(instanceData, componentInstance.vnode.el.__VUE_I18N__);
+                                inspectComposer(instanceData, componentInstance.__VUE_I18N__);
                             }
                         }
                         else {
-                            inspectComposer(instanceData, componentInstance.vnode.el.__VUE_I18N__);
+                            inspectComposer(instanceData, componentInstance.__VUE_I18N__);
                         }
                     }
                 });
@@ -4743,9 +4753,9 @@ treeNode, i18n) {
     const global = i18n.mode === 'composition'
         ? i18n.global
         : i18n.global.__composer;
-    if (instance && instance.vnode.el && instance.vnode.el.__VUE_I18N__) {
+    if (instance && instance.__VUE_I18N__) {
         // add custom tags local scope only
-        if (instance.vnode.el.__VUE_I18N__ !== global) {
+        if (instance.__VUE_I18N__ !== global) {
             const tag = {
                 label: `i18n (${getI18nScopeLable(instance)} Scope)`,
                 textColor: 0x000000,
@@ -5354,10 +5364,13 @@ function defineMixin(vuei18n, composer, i18n) {
         },
         mounted() {
             /* istanbul ignore if */
-            if (this.$el &&
-                this.$i18n) {
+            if (this.$i18n) {
+                const instance = getCurrentInstance();
+                if (!instance) {
+                    return;
+                }
                 const _vueI18n = this.$i18n;
-                this.$el.__VUE_I18N__ = _vueI18n.__composer;
+                instance.__VUE_I18N__ = _vueI18n.__composer;
                 const emitter = (this.__v_emitter =
                     createEmitter());
                 _vueI18n.__enableEmitter && _vueI18n.__enableEmitter(emitter);
@@ -5372,15 +5385,14 @@ function defineMixin(vuei18n, composer, i18n) {
             }
             const _vueI18n = this.$i18n;
             /* istanbul ignore if */
-            if (this.$el &&
-                this.$el.__VUE_I18N__) {
+            if (instance.__VUE_I18N__) {
                 if (this.__v_emitter) {
                     this.__v_emitter.off('*', addTimelineEvent);
                     delete this.__v_emitter;
                 }
                 if (this.$i18n) {
                     _vueI18n.__disableEmitter && _vueI18n.__disableEmitter();
-                    delete this.$el.__VUE_I18N__;
+                    delete instance.__VUE_I18N__;
                 }
             }
             delete this.$t;
@@ -6055,8 +6067,8 @@ function setupLifeCycle(i18n, target, composer) {
     let emitter = null;
     onMounted(() => {
         // inject composer instance to DOM for intlify-devtools
-        if (target.vnode.el) {
-            target.vnode.el.__VUE_I18N__ = composer;
+        {
+            target.__VUE_I18N__ = composer;
             emitter = createEmitter();
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const _composer = composer;
@@ -6068,11 +6080,10 @@ function setupLifeCycle(i18n, target, composer) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const _composer = composer;
         // remove composer instance from DOM for intlify-devtools
-        if (target.vnode.el &&
-            target.vnode.el.__VUE_I18N__) {
+        {
             emitter && emitter.off('*', addTimelineEvent);
             _composer[DisableEmitter] && _composer[DisableEmitter]();
-            delete target.vnode.el.__VUE_I18N__;
+            delete target.__VUE_I18N__;
         }
         i18n.__deleteInstance(target);
         // dispose extended resources