/*! * vue-i18n v9.13.1 * (c) 2024 kazuya kawaguchi * Released under the MIT License. */ 'use strict'; var coreBase = require('@intlify/core-base'); var vue = require('vue'); var shared = require('@intlify/shared'); /** * Vue I18n Version * * @remarks * Semver format. Same format as the package.json `version` field. * * @VueI18nGeneral */ const VERSION = '9.13.1'; const code = coreBase.CoreErrorCodes.__EXTEND_POINT__; const inc = shared.incrementer(code); const I18nErrorCodes = { // composer module errors UNEXPECTED_RETURN_TYPE: code, // 24 // legacy module errors INVALID_ARGUMENT: inc(), // 25 // i18n module errors MUST_BE_CALL_SETUP_TOP: inc(), // 26 NOT_INSTALLED: inc(), // 27 NOT_AVAILABLE_IN_LEGACY_MODE: inc(), // 28 // directive module errors REQUIRED_VALUE: inc(), // 29 INVALID_VALUE: inc(), // 30 // vue-devtools errors CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN: inc(), // 31 NOT_INSTALLED_WITH_PROVIDE: inc(), // 32 // unexpected error UNEXPECTED_ERROR: inc(), // 33 // not compatible legacy vue-i18n constructor NOT_COMPATIBLE_LEGACY_VUE_I18N: inc(), // 34 // bridge support vue 2.x only BRIDGE_SUPPORT_VUE_2_ONLY: inc(), // 35 // need to define `i18n` option in `allowComposition: true` and `useScope: 'local' at `useI18n`` MUST_DEFINE_I18N_OPTION_IN_ALLOW_COMPOSITION: inc(), // 36 // Not available Compostion API in Legacy API mode. Please make sure that the legacy API mode is working properly NOT_AVAILABLE_COMPOSITION_IN_LEGACY: inc(), // 37 // for enhancement __EXTEND_POINT__: inc() // 38 }; function createI18nError(code, ...args) { return coreBase.createCompileError(code, null, undefined); } const TranslateVNodeSymbol = /* #__PURE__*/ shared.makeSymbol('__translateVNode'); const DatetimePartsSymbol = /* #__PURE__*/ shared.makeSymbol('__datetimeParts'); const NumberPartsSymbol = /* #__PURE__*/ shared.makeSymbol('__numberParts'); const SetPluralRulesSymbol = shared.makeSymbol('__setPluralRules'); shared.makeSymbol('__intlifyMeta'); const InejctWithOptionSymbol = /* #__PURE__*/ shared.makeSymbol('__injectWithOption'); const DisposeSymbol = /* #__PURE__*/ shared.makeSymbol('__dispose'); const __VUE_I18N_BRIDGE__ = '__VUE_I18N_BRIDGE__'; /* eslint-disable @typescript-eslint/no-explicit-any */ /** * Transform flat json in obj to normal json in obj */ function handleFlatJson(obj) { // check obj if (!shared.isObject(obj)) { return obj; } for (const key in obj) { // check key if (!shared.hasOwn(obj, key)) { continue; } // handle for normal json if (!key.includes('.')) { // recursive process value if value is also a object if (shared.isObject(obj[key])) { handleFlatJson(obj[key]); } } // handle for flat json, transform to normal json else { // go to the last object const subKeys = key.split('.'); const lastIndex = subKeys.length - 1; let currentObj = obj; let hasStringValue = false; for (let i = 0; i < lastIndex; i++) { if (!(subKeys[i] in currentObj)) { currentObj[subKeys[i]] = {}; } if (!shared.isObject(currentObj[subKeys[i]])) { hasStringValue = true; break; } currentObj = currentObj[subKeys[i]]; } // update last object value, delete old property if (!hasStringValue) { currentObj[subKeys[lastIndex]] = obj[key]; delete obj[key]; } // recursive process value if value is also a object if (shared.isObject(currentObj[subKeys[lastIndex]])) { handleFlatJson(currentObj[subKeys[lastIndex]]); } } } return obj; } function getLocaleMessages(locale, options) { const { messages, __i18n, messageResolver, flatJson } = options; // prettier-ignore const ret = (shared.isPlainObject(messages) ? messages : shared.isArray(__i18n) ? {} : { [locale]: {} }); // merge locale messages of i18n custom block if (shared.isArray(__i18n)) { __i18n.forEach(custom => { if ('locale' in custom && 'resource' in custom) { const { locale, resource } = custom; if (locale) { ret[locale] = ret[locale] || {}; shared.deepCopy(resource, ret[locale]); } else { shared.deepCopy(resource, ret); } } else { shared.isString(custom) && shared.deepCopy(JSON.parse(custom), ret); } }); } // handle messages for flat json if (messageResolver == null && flatJson) { for (const key in ret) { if (shared.hasOwn(ret, key)) { handleFlatJson(ret[key]); } } } return ret; } // eslint-disable-next-line @typescript-eslint/no-explicit-any function getComponentOptions(instance) { return instance.type ; } function adjustI18nResources(gl, options, componentOptions // eslint-disable-line @typescript-eslint/no-explicit-any ) { let messages = shared.isObject(options.messages) ? options.messages : {}; if ('__i18nGlobal' in componentOptions) { messages = getLocaleMessages(gl.locale.value, { messages, __i18n: componentOptions.__i18nGlobal }); } // merge locale messages const locales = Object.keys(messages); if (locales.length) { locales.forEach(locale => { gl.mergeLocaleMessage(locale, messages[locale]); }); } { // merge datetime formats if (shared.isObject(options.datetimeFormats)) { const locales = Object.keys(options.datetimeFormats); if (locales.length) { locales.forEach(locale => { gl.mergeDateTimeFormat(locale, options.datetimeFormats[locale]); }); } } // merge number formats if (shared.isObject(options.numberFormats)) { const locales = Object.keys(options.numberFormats); if (locales.length) { locales.forEach(locale => { gl.mergeNumberFormat(locale, options.numberFormats[locale]); }); } } } } 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__'; const NOOP_RETURN_ARRAY = () => []; const NOOP_RETURN_FALSE = () => false; let composerID = 0; function defineCoreMissingHandler(missing) { return ((ctx, locale, key, type) => { return missing(locale, key, vue.getCurrentInstance() || undefined, type); }); } // for Intlify DevTools /* #__NO_SIDE_EFFECTS__ */ const getMetaInfo = () => { const instance = vue.getCurrentInstance(); let meta = null; // eslint-disable-line @typescript-eslint/no-explicit-any return instance && (meta = getComponentOptions(instance)[DEVTOOLS_META]) ? { [DEVTOOLS_META]: meta } // eslint-disable-line @typescript-eslint/no-explicit-any : null; }; /** * Create composer interface factory * * @internal */ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types function createComposer(options = {}, VueI18nLegacy) { const { __root, __injectWithOption } = options; const _isGlobal = __root === undefined; const flatJson = options.flatJson; const _ref = shared.inBrowser ? vue.ref : vue.shallowRef; const translateExistCompatible = !!options.translateExistCompatible; let _inheritLocale = shared.isBoolean(options.inheritLocale) ? options.inheritLocale : true; const _locale = _ref( // prettier-ignore __root && _inheritLocale ? __root.locale.value : shared.isString(options.locale) ? options.locale : coreBase.DEFAULT_LOCALE); const _fallbackLocale = _ref( // prettier-ignore __root && _inheritLocale ? __root.fallbackLocale.value : shared.isString(options.fallbackLocale) || shared.isArray(options.fallbackLocale) || shared.isPlainObject(options.fallbackLocale) || options.fallbackLocale === false ? options.fallbackLocale : _locale.value); const _messages = _ref(getLocaleMessages(_locale.value, options)); // prettier-ignore const _datetimeFormats = _ref(shared.isPlainObject(options.datetimeFormats) ? options.datetimeFormats : { [_locale.value]: {} }) ; // prettier-ignore const _numberFormats = _ref(shared.isPlainObject(options.numberFormats) ? options.numberFormats : { [_locale.value]: {} }) ; // warning suppress options // prettier-ignore let _missingWarn = __root ? __root.missingWarn : shared.isBoolean(options.missingWarn) || shared.isRegExp(options.missingWarn) ? options.missingWarn : true; // prettier-ignore let _fallbackWarn = __root ? __root.fallbackWarn : shared.isBoolean(options.fallbackWarn) || shared.isRegExp(options.fallbackWarn) ? options.fallbackWarn : true; // prettier-ignore let _fallbackRoot = __root ? __root.fallbackRoot : shared.isBoolean(options.fallbackRoot) ? options.fallbackRoot : true; // configure fall back to root let _fallbackFormat = !!options.fallbackFormat; // runtime missing let _missing = shared.isFunction(options.missing) ? options.missing : null; let _runtimeMissing = shared.isFunction(options.missing) ? defineCoreMissingHandler(options.missing) : null; // postTranslation handler let _postTranslation = shared.isFunction(options.postTranslation) ? options.postTranslation : null; // prettier-ignore let _warnHtmlMessage = __root ? __root.warnHtmlMessage : shared.isBoolean(options.warnHtmlMessage) ? options.warnHtmlMessage : true; let _escapeParameter = !!options.escapeParameter; // custom linked modifiers // prettier-ignore const _modifiers = __root ? __root.modifiers : shared.isPlainObject(options.modifiers) ? options.modifiers : {}; // pluralRules let _pluralRules = options.pluralRules || (__root && __root.pluralRules); // runtime context // eslint-disable-next-line prefer-const let _context; const getCoreContext = () => { _isGlobal && coreBase.setFallbackContext(null); const ctxOptions = { version: VERSION, locale: _locale.value, fallbackLocale: _fallbackLocale.value, messages: _messages.value, modifiers: _modifiers, pluralRules: _pluralRules, missing: _runtimeMissing === null ? undefined : _runtimeMissing, missingWarn: _missingWarn, fallbackWarn: _fallbackWarn, fallbackFormat: _fallbackFormat, unresolving: true, postTranslation: _postTranslation === null ? undefined : _postTranslation, warnHtmlMessage: _warnHtmlMessage, escapeParameter: _escapeParameter, messageResolver: options.messageResolver, messageCompiler: options.messageCompiler, __meta: { framework: 'vue' } }; { ctxOptions.datetimeFormats = _datetimeFormats.value; ctxOptions.numberFormats = _numberFormats.value; ctxOptions.__datetimeFormatters = shared.isPlainObject(_context) ? _context.__datetimeFormatters : undefined; ctxOptions.__numberFormatters = shared.isPlainObject(_context) ? _context.__numberFormatters : undefined; } const ctx = coreBase.createCoreContext(ctxOptions); _isGlobal && coreBase.setFallbackContext(ctx); return ctx; }; _context = getCoreContext(); coreBase.updateFallbackLocale(_context, _locale.value, _fallbackLocale.value); // track reactivity function trackReactivityValues() { return [ _locale.value, _fallbackLocale.value, _messages.value, _datetimeFormats.value, _numberFormats.value ] ; } // locale const locale = vue.computed({ get: () => _locale.value, set: val => { _locale.value = val; _context.locale = _locale.value; } }); // fallbackLocale const fallbackLocale = vue.computed({ get: () => _fallbackLocale.value, set: val => { _fallbackLocale.value = val; _context.fallbackLocale = _fallbackLocale.value; coreBase.updateFallbackLocale(_context, _locale.value, val); } }); // messages const messages = vue.computed(() => _messages.value); // datetimeFormats const datetimeFormats = /* #__PURE__*/ vue.computed(() => _datetimeFormats.value); // numberFormats const numberFormats = /* #__PURE__*/ vue.computed(() => _numberFormats.value); // getPostTranslationHandler function getPostTranslationHandler() { return shared.isFunction(_postTranslation) ? _postTranslation : null; } // setPostTranslationHandler function setPostTranslationHandler(handler) { _postTranslation = handler; _context.postTranslation = handler; } // getMissingHandler function getMissingHandler() { return _missing; } // setMissingHandler function setMissingHandler(handler) { if (handler !== null) { _runtimeMissing = defineCoreMissingHandler(handler); } _missing = handler; _context.missing = _runtimeMissing; } const wrapWithDeps = (fn, argumentParser, warnType, fallbackSuccess, fallbackFail, successCondition) => { trackReactivityValues(); // track reactive dependency // NOTE: experimental !! let ret; try { if (false || false) ; if (!_isGlobal) { _context.fallbackContext = __root ? coreBase.getFallbackContext() : undefined; } ret = fn(_context); } finally { if (!_isGlobal) { _context.fallbackContext = undefined; } } if ((warnType !== 'translate exists' && // for not `te` (e.g `t`) shared.isNumber(ret) && ret === coreBase.NOT_REOSLVED) || (warnType === 'translate exists' && !ret) // for `te` ) { const [key, arg2] = argumentParser(); return __root && _fallbackRoot ? fallbackSuccess(__root) : fallbackFail(key); } else if (successCondition(ret)) { return ret; } else { /* istanbul ignore next */ throw createI18nError(I18nErrorCodes.UNEXPECTED_RETURN_TYPE); } }; // t function t(...args) { return wrapWithDeps(context => Reflect.apply(coreBase.translate, null, [context, ...args]), () => coreBase.parseTranslateArgs(...args), 'translate', root => Reflect.apply(root.t, root, [...args]), key => key, val => shared.isString(val)); } // rt function rt(...args) { const [arg1, arg2, arg3] = args; if (arg3 && !shared.isObject(arg3)) { throw createI18nError(I18nErrorCodes.INVALID_ARGUMENT); } return t(...[arg1, arg2, shared.assign({ resolvedMessage: true }, arg3 || {})]); } // d function d(...args) { return wrapWithDeps(context => Reflect.apply(coreBase.datetime, null, [context, ...args]), () => coreBase.parseDateTimeArgs(...args), 'datetime format', root => Reflect.apply(root.d, root, [...args]), () => coreBase.MISSING_RESOLVE_VALUE, val => shared.isString(val)); } // n function n(...args) { return wrapWithDeps(context => Reflect.apply(coreBase.number, null, [context, ...args]), () => coreBase.parseNumberArgs(...args), 'number format', root => Reflect.apply(root.n, root, [...args]), () => coreBase.MISSING_RESOLVE_VALUE, val => shared.isString(val)); } // for custom processor function normalize(values) { return values.map(val => shared.isString(val) || shared.isNumber(val) || shared.isBoolean(val) ? createTextNode(String(val)) : val); } const interpolate = (val) => val; const processor = { normalize, interpolate, type: 'vnode' }; // translateVNode, using for `i18n-t` component function translateVNode(...args) { return wrapWithDeps(context => { let ret; const _context = context; try { _context.processor = processor; ret = Reflect.apply(coreBase.translate, null, [_context, ...args]); } finally { _context.processor = null; } return ret; }, () => coreBase.parseTranslateArgs(...args), 'translate', // eslint-disable-next-line @typescript-eslint/no-explicit-any root => root[TranslateVNodeSymbol](...args), key => [createTextNode(key)], val => shared.isArray(val)); } // numberParts, using for `i18n-n` component function numberParts(...args) { return wrapWithDeps(context => Reflect.apply(coreBase.number, null, [context, ...args]), () => coreBase.parseNumberArgs(...args), 'number format', // eslint-disable-next-line @typescript-eslint/no-explicit-any root => root[NumberPartsSymbol](...args), NOOP_RETURN_ARRAY, val => shared.isString(val) || shared.isArray(val)); } // datetimeParts, using for `i18n-d` component function datetimeParts(...args) { return wrapWithDeps(context => Reflect.apply(coreBase.datetime, null, [context, ...args]), () => coreBase.parseDateTimeArgs(...args), 'datetime format', // eslint-disable-next-line @typescript-eslint/no-explicit-any root => root[DatetimePartsSymbol](...args), NOOP_RETURN_ARRAY, val => shared.isString(val) || shared.isArray(val)); } function setPluralRules(rules) { _pluralRules = rules; _context.pluralRules = _pluralRules; } // te function te(key, locale) { return wrapWithDeps(() => { if (!key) { return false; } const targetLocale = shared.isString(locale) ? locale : _locale.value; const message = getLocaleMessage(targetLocale); const resolved = _context.messageResolver(message, key); return !translateExistCompatible ? coreBase.isMessageAST(resolved) || coreBase.isMessageFunction(resolved) || shared.isString(resolved) : resolved != null; }, () => [key], 'translate exists', root => { return Reflect.apply(root.te, root, [key, locale]); }, NOOP_RETURN_FALSE, val => shared.isBoolean(val)); } function resolveMessages(key) { let messages = null; const locales = coreBase.fallbackWithLocaleChain(_context, _fallbackLocale.value, _locale.value); for (let i = 0; i < locales.length; i++) { const targetLocaleMessages = _messages.value[locales[i]] || {}; const messageValue = _context.messageResolver(targetLocaleMessages, key); if (messageValue != null) { messages = messageValue; break; } } return messages; } // tm function tm(key) { const messages = resolveMessages(key); // prettier-ignore return messages != null ? messages : __root ? __root.tm(key) || {} : {}; } // getLocaleMessage function getLocaleMessage(locale) { return (_messages.value[locale] || {}); } // setLocaleMessage function setLocaleMessage(locale, message) { if (flatJson) { const _message = { [locale]: message }; for (const key in _message) { if (shared.hasOwn(_message, key)) { handleFlatJson(_message[key]); } } message = _message[locale]; } _messages.value[locale] = message; _context.messages = _messages.value; } // mergeLocaleMessage function mergeLocaleMessage(locale, message) { _messages.value[locale] = _messages.value[locale] || {}; const _message = { [locale]: message }; if (flatJson) { for (const key in _message) { if (shared.hasOwn(_message, key)) { handleFlatJson(_message[key]); } } } message = _message[locale]; shared.deepCopy(message, _messages.value[locale]); _context.messages = _messages.value; } // getDateTimeFormat function getDateTimeFormat(locale) { return _datetimeFormats.value[locale] || {}; } // setDateTimeFormat function setDateTimeFormat(locale, format) { _datetimeFormats.value[locale] = format; _context.datetimeFormats = _datetimeFormats.value; coreBase.clearDateTimeFormat(_context, locale, format); } // mergeDateTimeFormat function mergeDateTimeFormat(locale, format) { _datetimeFormats.value[locale] = shared.assign(_datetimeFormats.value[locale] || {}, format); _context.datetimeFormats = _datetimeFormats.value; coreBase.clearDateTimeFormat(_context, locale, format); } // getNumberFormat function getNumberFormat(locale) { return _numberFormats.value[locale] || {}; } // setNumberFormat function setNumberFormat(locale, format) { _numberFormats.value[locale] = format; _context.numberFormats = _numberFormats.value; coreBase.clearNumberFormat(_context, locale, format); } // mergeNumberFormat function mergeNumberFormat(locale, format) { _numberFormats.value[locale] = shared.assign(_numberFormats.value[locale] || {}, format); _context.numberFormats = _numberFormats.value; coreBase.clearNumberFormat(_context, locale, format); } // for debug composerID++; // watch root locale & fallbackLocale if (__root && shared.inBrowser) { 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) => { if (_inheritLocale) { _fallbackLocale.value = val; _context.fallbackLocale = val; coreBase.updateFallbackLocale(_context, _locale.value, _fallbackLocale.value); } }); } // define basic composition API! const composer = { id: composerID, locale, fallbackLocale, get inheritLocale() { return _inheritLocale; }, set inheritLocale(val) { _inheritLocale = val; if (val && __root) { _locale.value = __root.locale.value; _fallbackLocale.value = __root.fallbackLocale.value; coreBase.updateFallbackLocale(_context, _locale.value, _fallbackLocale.value); } }, get availableLocales() { return Object.keys(_messages.value).sort(); }, messages, get modifiers() { return _modifiers; }, get pluralRules() { return _pluralRules || {}; }, get isGlobal() { return _isGlobal; }, get missingWarn() { return _missingWarn; }, set missingWarn(val) { _missingWarn = val; _context.missingWarn = _missingWarn; }, get fallbackWarn() { return _fallbackWarn; }, set fallbackWarn(val) { _fallbackWarn = val; _context.fallbackWarn = _fallbackWarn; }, get fallbackRoot() { return _fallbackRoot; }, set fallbackRoot(val) { _fallbackRoot = val; }, get fallbackFormat() { return _fallbackFormat; }, set fallbackFormat(val) { _fallbackFormat = val; _context.fallbackFormat = _fallbackFormat; }, get warnHtmlMessage() { return _warnHtmlMessage; }, set warnHtmlMessage(val) { _warnHtmlMessage = val; _context.warnHtmlMessage = val; }, get escapeParameter() { return _escapeParameter; }, set escapeParameter(val) { _escapeParameter = val; _context.escapeParameter = val; }, t, getLocaleMessage, setLocaleMessage, mergeLocaleMessage, getPostTranslationHandler, setPostTranslationHandler, getMissingHandler, setMissingHandler, [SetPluralRulesSymbol]: setPluralRules }; { composer.datetimeFormats = datetimeFormats; composer.numberFormats = numberFormats; composer.rt = rt; composer.te = te; composer.tm = tm; composer.d = d; composer.n = n; composer.getDateTimeFormat = getDateTimeFormat; composer.setDateTimeFormat = setDateTimeFormat; composer.mergeDateTimeFormat = mergeDateTimeFormat; composer.getNumberFormat = getNumberFormat; composer.setNumberFormat = setNumberFormat; composer.mergeNumberFormat = mergeNumberFormat; composer[InejctWithOptionSymbol] = __injectWithOption; composer[TranslateVNodeSymbol] = translateVNode; composer[DatetimePartsSymbol] = datetimeParts; composer[NumberPartsSymbol] = numberParts; } return composer; } /* eslint-enable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/no-explicit-any */ /** * Convert to I18n Composer Options from VueI18n Options * * @internal */ function convertComposerOptions(options) { const locale = shared.isString(options.locale) ? options.locale : coreBase.DEFAULT_LOCALE; const fallbackLocale = shared.isString(options.fallbackLocale) || shared.isArray(options.fallbackLocale) || shared.isPlainObject(options.fallbackLocale) || options.fallbackLocale === false ? options.fallbackLocale : locale; const missing = shared.isFunction(options.missing) ? options.missing : undefined; const missingWarn = shared.isBoolean(options.silentTranslationWarn) || shared.isRegExp(options.silentTranslationWarn) ? !options.silentTranslationWarn : true; const fallbackWarn = shared.isBoolean(options.silentFallbackWarn) || shared.isRegExp(options.silentFallbackWarn) ? !options.silentFallbackWarn : true; const fallbackRoot = shared.isBoolean(options.fallbackRoot) ? options.fallbackRoot : true; const fallbackFormat = !!options.formatFallbackMessages; const modifiers = shared.isPlainObject(options.modifiers) ? options.modifiers : {}; const pluralizationRules = options.pluralizationRules; const postTranslation = shared.isFunction(options.postTranslation) ? options.postTranslation : undefined; const warnHtmlMessage = shared.isString(options.warnHtmlInMessage) ? options.warnHtmlInMessage !== 'off' : true; const escapeParameter = !!options.escapeParameterHtml; const inheritLocale = shared.isBoolean(options.sync) ? options.sync : true; let messages = options.messages; if (shared.isPlainObject(options.sharedMessages)) { const sharedMessages = options.sharedMessages; const locales = Object.keys(sharedMessages); messages = locales.reduce((messages, locale) => { const message = messages[locale] || (messages[locale] = {}); shared.assign(message, sharedMessages[locale]); return messages; }, (messages || {})); } const { __i18n, __root, __injectWithOption } = options; const datetimeFormats = options.datetimeFormats; const numberFormats = options.numberFormats; const flatJson = options.flatJson; const translateExistCompatible = options .translateExistCompatible; return { locale, fallbackLocale, messages, flatJson, datetimeFormats, numberFormats, missing, missingWarn, fallbackWarn, fallbackRoot, fallbackFormat, modifiers, pluralRules: pluralizationRules, postTranslation, warnHtmlMessage, escapeParameter, messageResolver: options.messageResolver, inheritLocale, translateExistCompatible, __i18n, __root, __injectWithOption }; } /** * create VueI18n interface factory * * @internal */ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types function createVueI18n(options = {}, VueI18nLegacy) { { const composer = createComposer(convertComposerOptions(options)); const { __extender } = options; // defines VueI18n const vueI18n = { // id id: composer.id, // locale get locale() { return composer.locale.value; }, set locale(val) { composer.locale.value = val; }, // fallbackLocale get fallbackLocale() { return composer.fallbackLocale.value; }, set fallbackLocale(val) { composer.fallbackLocale.value = val; }, // messages get messages() { return composer.messages.value; }, // datetimeFormats get datetimeFormats() { return composer.datetimeFormats.value; }, // numberFormats get numberFormats() { return composer.numberFormats.value; }, // availableLocales get availableLocales() { return composer.availableLocales; }, // formatter get formatter() { // dummy return { interpolate() { return []; } }; }, set formatter(val) { }, // missing get missing() { return composer.getMissingHandler(); }, set missing(handler) { composer.setMissingHandler(handler); }, // silentTranslationWarn get silentTranslationWarn() { return shared.isBoolean(composer.missingWarn) ? !composer.missingWarn : composer.missingWarn; }, set silentTranslationWarn(val) { composer.missingWarn = shared.isBoolean(val) ? !val : val; }, // silentFallbackWarn get silentFallbackWarn() { return shared.isBoolean(composer.fallbackWarn) ? !composer.fallbackWarn : composer.fallbackWarn; }, set silentFallbackWarn(val) { composer.fallbackWarn = shared.isBoolean(val) ? !val : val; }, // modifiers get modifiers() { return composer.modifiers; }, // formatFallbackMessages get formatFallbackMessages() { return composer.fallbackFormat; }, set formatFallbackMessages(val) { composer.fallbackFormat = val; }, // postTranslation get postTranslation() { return composer.getPostTranslationHandler(); }, set postTranslation(handler) { composer.setPostTranslationHandler(handler); }, // sync get sync() { return composer.inheritLocale; }, set sync(val) { composer.inheritLocale = val; }, // warnInHtmlMessage get warnHtmlInMessage() { return composer.warnHtmlMessage ? 'warn' : 'off'; }, set warnHtmlInMessage(val) { composer.warnHtmlMessage = val !== 'off'; }, // escapeParameterHtml get escapeParameterHtml() { return composer.escapeParameter; }, set escapeParameterHtml(val) { composer.escapeParameter = val; }, // preserveDirectiveContent get preserveDirectiveContent() { return true; }, set preserveDirectiveContent(val) { }, // pluralizationRules get pluralizationRules() { return composer.pluralRules || {}; }, // for internal __composer: composer, // t t(...args) { const [arg1, arg2, arg3] = args; const options = {}; let list = null; let named = null; if (!shared.isString(arg1)) { throw createI18nError(I18nErrorCodes.INVALID_ARGUMENT); } const key = arg1; if (shared.isString(arg2)) { options.locale = arg2; } else if (shared.isArray(arg2)) { list = arg2; } else if (shared.isPlainObject(arg2)) { named = arg2; } if (shared.isArray(arg3)) { list = arg3; } else if (shared.isPlainObject(arg3)) { named = arg3; } // return composer.t(key, (list || named || {}) as any, options) return Reflect.apply(composer.t, composer, [ key, (list || named || {}), options ]); }, rt(...args) { return Reflect.apply(composer.rt, composer, [...args]); }, // tc tc(...args) { const [arg1, arg2, arg3] = args; const options = { plural: 1 }; let list = null; let named = null; if (!shared.isString(arg1)) { throw createI18nError(I18nErrorCodes.INVALID_ARGUMENT); } const key = arg1; if (shared.isString(arg2)) { options.locale = arg2; } else if (shared.isNumber(arg2)) { options.plural = arg2; } else if (shared.isArray(arg2)) { list = arg2; } else if (shared.isPlainObject(arg2)) { named = arg2; } if (shared.isString(arg3)) { options.locale = arg3; } else if (shared.isArray(arg3)) { list = arg3; } else if (shared.isPlainObject(arg3)) { named = arg3; } // return composer.t(key, (list || named || {}) as any, options) return Reflect.apply(composer.t, composer, [ key, (list || named || {}), options ]); }, // te te(key, locale) { return composer.te(key, locale); }, // tm tm(key) { return composer.tm(key); }, // getLocaleMessage getLocaleMessage(locale) { return composer.getLocaleMessage(locale); }, // setLocaleMessage setLocaleMessage(locale, message) { composer.setLocaleMessage(locale, message); }, // mergeLocaleMessage mergeLocaleMessage(locale, message) { composer.mergeLocaleMessage(locale, message); }, // d d(...args) { return Reflect.apply(composer.d, composer, [...args]); }, // getDateTimeFormat getDateTimeFormat(locale) { return composer.getDateTimeFormat(locale); }, // setDateTimeFormat setDateTimeFormat(locale, format) { composer.setDateTimeFormat(locale, format); }, // mergeDateTimeFormat mergeDateTimeFormat(locale, format) { composer.mergeDateTimeFormat(locale, format); }, // n n(...args) { return Reflect.apply(composer.n, composer, [...args]); }, // getNumberFormat getNumberFormat(locale) { return composer.getNumberFormat(locale); }, // setNumberFormat setNumberFormat(locale, format) { composer.setNumberFormat(locale, format); }, // mergeNumberFormat mergeNumberFormat(locale, format) { composer.mergeNumberFormat(locale, format); }, // getChoiceIndex // eslint-disable-next-line @typescript-eslint/no-unused-vars getChoiceIndex(choice, choicesLength) { return -1; } }; vueI18n.__extender = __extender; return vueI18n; } } /* eslint-enable @typescript-eslint/no-explicit-any */ const baseFormatProps = { tag: { type: [String, Object] }, locale: { type: String }, scope: { type: String, // NOTE: avoid https://github.com/microsoft/rushstack/issues/1050 validator: (val /* ComponentI18nScope */) => val === 'parent' || val === 'global', default: 'parent' /* ComponentI18nScope */ }, i18n: { type: Object } }; 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, // prettier-ignore ...(current.type === vue.Fragment ? 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 ; } const TranslationImpl = /*#__PURE__*/ vue.defineComponent({ /* eslint-disable */ name: 'i18n-t', props: shared.assign({ keypath: { type: String, required: true }, plural: { type: [Number, String], // eslint-disable-next-line @typescript-eslint/no-explicit-any validator: (val) => shared.isNumber(val) || !isNaN(val) } }, 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 const i18n = props.i18n || useI18n({ useScope: props.scope, __useComponent: true }); return () => { const keys = Object.keys(slots).filter(key => key !== '_'); const options = {}; if (props.locale) { options.locale = props.locale; } if (props.plural !== undefined) { options.plural = shared.isString(props.plural) ? +props.plural : props.plural; } const arg = getInterpolateArg(context, keys); // eslint-disable-next-line @typescript-eslint/no-explicit-any const children = i18n[TranslateVNodeSymbol](props.keypath, arg, options); const assignedAttrs = shared.assign({}, attrs); const tag = shared.isString(props.tag) || shared.isObject(props.tag) ? props.tag : getFragmentableTag(); return vue.h(tag, assignedAttrs, children); }; } }); /** * export the public type for h/tsx inference * also to avoid inline import() in generated d.ts files */ /** * Translation Component * * @remarks * See the following items for property about details * * @VueI18nSee [TranslationProps](component#translationprops) * @VueI18nSee [BaseFormatProps](component#baseformatprops) * @VueI18nSee [Component Interpolation](../guide/advanced/component) * * @example * ```html *