@intlify/message-compiler
Advanced tools
@intlify/message-compiler is a powerful tool for compiling and formatting messages in internationalized applications. It is part of the Intlify project, which aims to provide comprehensive internationalization (i18n) solutions for JavaScript applications, particularly those built with Vue.js.
Message Compilation
This feature allows you to compile a message string with placeholders into a function that can be executed with a context object to produce a formatted message.
const { compile } = require('@intlify/message-compiler');
const msg = 'Hello, {name}!';
const compiled = compile(msg);
console.log(compiled({ name: 'World' })); // Output: Hello, World!Custom Formatting
This feature supports custom formatting for numbers, dates, and other data types using the ICU MessageFormat syntax.
const { compile } = require('@intlify/message-compiler');
const msg = 'The price is {price, number, currency}.';
const compiled = compile(msg);
console.log(compiled({ price: 1234.56 })); // Output: The price is $1,234.56.Pluralization
This feature allows you to handle pluralization in messages, making it easy to provide correct grammar for different quantities.
const { compile } = require('@intlify/message-compiler');
const msg = '{count, plural, one {# item} other {# items}}';
const compiled = compile(msg);
console.log(compiled({ count: 1 })); // Output: 1 item
console.log(compiled({ count: 5 })); // Output: 5 itemsintl-messageformat is a package that provides similar functionality for formatting messages based on the ICU MessageFormat standard. It is widely used and supports complex message formatting, including pluralization and gender-specific messages. Compared to @intlify/message-compiler, intl-messageformat is more general-purpose and not specifically tied to the Vue.js ecosystem.
messageformat is another package that implements the ICU MessageFormat standard. It offers a comprehensive solution for handling internationalized messages, including support for pluralization, gender, and select statements. Like intl-messageformat, it is not tied to any specific framework and can be used in various JavaScript environments.
react-intl is a package specifically designed for internationalizing React applications. It provides components and APIs for formatting dates, numbers, and messages, as well as handling pluralization and other localization needs. While it offers similar message formatting capabilities, it is tailored for use with React, unlike @intlify/message-compiler, which is more general-purpose and Vue.js-oriented.
v10.0.0 (2024-09-10T04:41:41Z)
We are excited to announce the release of Vue I18n v10. We had many contributors.
Thanks for your contributing ❤️
petite-vue-i18n General Availabilitypetite-vue-i18n is an alternative distribution of Vue I18n, providing only minimal features.
If you don't need the full functionality of vue-i18n and are just looking for basic translation features with a smaller footprint, this will suit your use case.
For more details, please see the docs.
JIT compilation was introduced in v9.3, but it was not enabled by default.
However, it had the following issues:
Starting from v10, JIT compilation is enabled by default.
We provide an interface to extend the Locale type in TypeScript, similar to ComponentCustomProperties in Vue.
This feature is useful when using vue-i18n as part of a framework.
For more details, see the PR for the Nuxt I18n use case.
$t and t Overload Signatures for Legacy API ModeIn Vue I18n v9, $t and t had different overload signatures in Composition API mode compared to Legacy API mode.
When migrating from Legacy API mode to Composition API mode, these differences sometimes caused confusion.
Starting from v10, Legacy API mode will use the same $t and t overload signatures as Composition API mode.
For details on the signature pattern, see the migration guide.
tc and $tc for Legacy API ModeThe t and $t functions already support pluralization, so tc and $tc can be replaced.
In v10, tc and $tc still exist to aid in migration, but they will be fully removed in v11.
If you use them, Vue I18n will display a console warning in your application.
For migration instructions, see the docs.
Some features were marked as deprecated in v9 with warnings.
These deprecated features will be completely removed in v10.
For more details on the deprecated features, see the docs.
$t overloaded signature for Legacy API mode by @kazupon in https://github.com/intlify/vue-i18n-next/pull/1832<i18n> v8.x compatibility by @kazupon in https://github.com/intlify/vue-i18n-next/pull/1844te behavior v8.x compatibility on v9 by @kazupon in https://github.com/intlify/vue-i18n-next/pull/1845tc and $tc for Legacy API mode by @kazupon in https://github.com/intlify/vue-i18n-next/pull/1839formatter option codes on Legacy API by @kazupon in https://github.com/intlify/vue-i18n-next/pull/1826preserveDirectiveContent option codes on Legacy API by @kazupon in https://github.com/intlify/vue-i18n-next/pull/1827preserve modifier codes on v-t directive by @kazupon in https://github.com/intlify/vue-i18n-next/pull/1828getChoiceIndex on Legacy API by @kazupon in https://github.com/intlify/vue-i18n-next/pull/1829allowComposition option by @kazupon in https://github.com/intlify/vue-i18n-next/pull/1817$t types by @mitjans in https://github.com/intlify/vue-i18n/pull/1883Full Changelog: https://github.com/intlify/vue-i18n/compare/v9.13.1...v10.0.0
FAQs
@intlify/message-compiler
The npm package @intlify/message-compiler receives a total of 204,030 weekly downloads. As such, @intlify/message-compiler popularity was classified as popular.
We found that @intlify/message-compiler demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.
Security News
Research
Socket's threat research team has detected five malicious npm packages targeting Roblox developers, deploying malware to steal credentials and personal data.
Security News
vlt introduced its new package manager and a serverless registry this week, innovating in a space where npm has stagnated.