0058b4c6.86e653c4.js

"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[849],{6164:e=>{e.exports=JSON.parse('{"version":{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"docs":[{"type":"category","label":"Getting Started","items":[{"type":"link","label":"Installation","href":"/docs/getting-started/installation","docId":"getting-started/installation","unlisted":false},{"type":"link","label":"Application Workflow","href":"/docs/getting-started/application-workflow","docId":"getting-started/application-workflow","unlisted":false},{"type":"link","label":"Message Declaration","href":"/docs/getting-started/message-declaration","docId":"getting-started/message-declaration","unlisted":false},{"type":"link","label":"Message Extraction","href":"/docs/getting-started/message-extraction","docId":"getting-started/message-extraction","unlisted":false},{"type":"link","label":"Message Distribution","href":"/docs/getting-started/message-distribution","docId":"getting-started/message-distribution","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"category","label":"Guides","items":[{"type":"link","label":"Develop with formatjs","href":"/docs/guides/develop","docId":"guides/develop","unlisted":false},{"type":"link","label":"Bundling with formatjs","href":"/docs/guides/bundler-plugins","docId":"guides/bundler-plugins","unlisted":false},{"type":"link","label":"Testing with formatjs","href":"/docs/guides/testing","docId":"guides/testing","unlisted":false},{"type":"link","label":"Distributing i18n-friendly libraries","href":"/docs/guides/distribute-libraries","docId":"guides/distribute-libraries","unlisted":false},{"type":"link","label":"Runtime Requirements","href":"/docs/guides/runtime-requirements","docId":"guides/runtime-requirements","unlisted":false},{"type":"link","label":"Advanced Usage","href":"/docs/guides/advanced-usage","docId":"guides/advanced-usage","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"category","label":"Core Concepts","items":[{"type":"link","label":"Basic Internationalization Principles","href":"/docs/core-concepts/basic-internationalization-principles","docId":"core-concepts/basic-internationalization-principles","unlisted":false},{"type":"link","label":"Message Syntax","href":"/docs/core-concepts/icu-syntax","docId":"core-concepts/icu-syntax","unlisted":false}],"collapsed":true,"collapsible":true}],"api":[{"type":"category","label":"react-intl","items":[{"type":"link","label":"Overview","href":"/docs/react-intl","docId":"react-intl","unlisted":false},{"type":"link","label":"Components","href":"/docs/react-intl/components","docId":"react-intl/components","unlisted":false},{"type":"link","label":"Imperative API","href":"/docs/react-intl/api","docId":"react-intl/api","unlisted":false},{"type":"link","label":"Upgrade Guide (v4 -> v5)","href":"/docs/react-intl/upgrade-guide-5x","docId":"react-intl/upgrade-guide-5x","unlisted":false},{"type":"link","label":"Upgrade Guide (v3 -> v4)","href":"/docs/react-intl/upgrade-guide-4x","docId":"react-intl/upgrade-guide-4x","unlisted":false},{"type":"link","label":"Upgrade Guide (v2 -> v3)","href":"/docs/react-intl/upgrade-guide-3x","docId":"react-intl/upgrade-guide-3x","unlisted":false},{"type":"link","label":"Upgrade Guide (v1 -> v2)","href":"/docs/react-intl/upgrade-guide-2x","docId":"react-intl/upgrade-guide-2x","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"category","label":"@formatjs/intl","items":[{"type":"link","label":"Core FormatJS Intl","href":"/docs/intl","docId":"intl","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"category","label":"vue-intl","items":[{"type":"link","label":"Vue Plugin for formatjs","href":"/docs/vue-intl","docId":"vue-intl","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"category","label":"intl-messageformat","items":[{"type":"link","label":"Intl MessageFormat","href":"/docs/intl-messageformat","docId":"intl-messageformat","unlisted":false}],"collapsed":true,"collapsible":true},{"type":"category","label":"icu-messageformat-parser","items":[{"type":"link","label":"ICU MessageFormat Parser","href":"/docs/icu-messageformat-parser","docId":"icu-messageformat-parser","unlisted":false}],"collapsed":true,"collapsible":true}],"polyfills":[{"type":"category","label":"Polyfills","items":[{"type":"link","label":"Polyfills","href":"/docs/polyfills","docId":"polyfills","unlisted":false},{"type":"link","label":"Intl.DateTimeFormat (ESNext)","href":"/docs/polyfills/intl-datetimeformat","docId":"polyfills/intl-datetimeformat","unlisted":false},{"type":"link","label":"Intl.DisplayNames","href":"/docs/polyfills/intl-displaynames","docId":"polyfills/intl-displaynames","unlisted":false},{"type":"link","label":"Intl.DurationFormat","href":"/docs/polyfills/intl-durationformat","docId":"polyfills/intl-durationformat","unlisted":false},{"type":"link","label":"Intl.getCanonicalLocales","href":"/docs/polyfills/intl-getcanonicallocales","docId":"polyfills/intl-getcanonicallocales","unlisted":false},{"type":"link","label":"Intl.ListFormat","href":"/docs/polyfills/intl-listformat","docId":"polyfills/intl-listformat","unlisted":false},{"type":"link","label":"Intl.Locale","href":"/docs/polyfills/intl-locale","docId":"polyfills/intl-locale","unlisted":false},{"type":"link","label":"Intl.LocaleMatcher","href":"/docs/polyfills/intl-localematcher","docId":"polyfills/intl-localematcher","unlisted":false},{"type":"link","label":"Intl.NumberFormat (ESNext)","href":"/docs/polyfills/intl-numberformat","docId":"polyfills/intl-numberformat","unlisted":false},{"type":"link","label":"Intl.PluralRules","href":"/docs/polyfills/intl-pluralrules","docId":"polyfills/intl-pluralrules","unlisted":false},{"type":"link","label":"Intl.RelativeTimeFormat","href":"/docs/polyfills/intl-relativetimeformat","docId":"polyfills/intl-relativetimeformat","unlisted":false},{"type":"link","label":"Intl.Segmenter","href":"/docs/polyfills/intl-segmenter","docId":"polyfills/intl-segmenter","unlisted":false},{"type":"link","label":"Intl.supportedValuesOf","href":"/docs/polyfills/intl-supportedvaluesof","docId":"polyfills/intl-supportedvaluesof","unlisted":false}],"collapsed":true,"collapsible":true}],"tooling":[{"type":"category","label":"Tooling","items":[{"type":"link","label":"CLI","href":"/docs/tooling/cli","docId":"tooling/cli","unlisted":false},{"type":"link","label":"eslint-plugin-formatjs","href":"/docs/tooling/linter","docId":"tooling/linter","unlisted":false},{"type":"link","label":"babel-plugin-formatjs","href":"/docs/tooling/babel-plugin","docId":"tooling/babel-plugin","unlisted":false},{"type":"link","label":"ts-transformer","href":"/docs/tooling/ts-transformer","docId":"tooling/ts-transformer","unlisted":false},{"type":"link","label":"swc-plugin","href":"/docs/tooling/swc-plugin","docId":"tooling/swc-plugin","unlisted":false}],"collapsed":true,"collapsible":true}]},"docs":{"core-concepts/basic-internationalization-principles":{"id":"core-concepts/basic-internationalization-principles","title":"Basic Internationalization Principles","description":"What Is Internationalization and Why Does It Matter?","sidebar":"docs"},"core-concepts/icu-syntax":{"id":"core-concepts/icu-syntax","title":"Message Syntax","description":"If you are translating text you\'ll need a way for your translators to express the subtleties of spelling, grammar, and conjugation inherent in each language. We use the ICU Message syntax which is also used in Java and PHP.","sidebar":"docs"},"getting-started/application-workflow":{"id":"getting-started/application-workflow","title":"Application Workflow","description":"While our Installation guide can help you get started, this guide gives you an overview how your daily translation workflow might look like.","sidebar":"docs"},"getting-started/installation":{"id":"getting-started/installation","title":"Installation","description":"formatjs is a set of libraries that help you setup internationalization in any project whether it\'s React or not.","sidebar":"docs"},"getting-started/message-declaration":{"id":"getting-started/message-declaration","title":"Message Declaration","description":"While you can declare your messages using only ids, we highly recommend declaring defaultMessages inline along with their usages because of the following reasons:","sidebar":"docs"},"getting-started/message-distribution":{"id":"getting-started/message-distribution","title":"Message Distribution","description":"Now that you\'ve declared your messages, extracted them, sent them to your translation vendor and they have given you back the translated JSON of the same format, it\'s time to talk about how to distribute & consume the translated JSON.","sidebar":"docs"},"getting-started/message-extraction":{"id":"getting-started/message-extraction","title":"Message Extraction","description":"Now that you\'ve declared some messages, it\'s time to extract them.","sidebar":"docs"},"guides/advanced-usage":{"id":"guides/advanced-usage","title":"Advanced Usage","description":"react-intl is optimized for both runtime & compile time rendering. Below are a few guidelines you can follow if you have a strict performance budget.","sidebar":"docs"},"guides/bundler-plugins":{"id":"guides/bundler-plugins","title":"Bundling with formatjs","description":"Now that you\'ve had a working pipeline. It\'s time to dive deeper on how to optimize the build with formatjs. From Message Extraction guide, we explicitly recommend against explicit ID due to potential collision in large application. While our extractor can insert IDs in the extracted JSON file, you\'d need to also insert those IDs into the compiled JS output. This guide will cover how to do that.","sidebar":"docs"},"guides/develop":{"id":"guides/develop","title":"Develop with formatjs","description":"Aside from a strong focus on facilitating i18n production pipeline, formatjs also aims to improve i18n DevEx with our eslint-plugin-formatjs.","sidebar":"docs"},"guides/distribute-libraries":{"id":"guides/distribute-libraries","title":"Distributing i18n-friendly libraries","description":"In larger scale applications/monorepos, not all components/libraries live within the same repo/project and they might get distributed differently. While there are multiple ways to solve this problem, this guide aims to provide a guidance that we\'ve seen working quite well with large engineering orgs.","sidebar":"docs"},"guides/runtime-requirements":{"id":"guides/runtime-requirements","title":"Runtime Requirements","description":"Browser","sidebar":"docs"},"guides/testing":{"id":"guides/testing","title":"Testing with formatjs","description":"Intl APIs requirements","sidebar":"docs"},"icu-messageformat-parser":{"id":"icu-messageformat-parser","title":"ICU MessageFormat Parser","description":"Parses ICU Message strings into an AST via JavaScript.","sidebar":"api"},"intl":{"id":"intl","title":"Core FormatJS Intl","description":"This library contains core intl API that is used by react-intl.","sidebar":"api"},"intl-messageformat":{"id":"intl-messageformat","title":"Intl MessageFormat","description":"Formats ICU Message strings with number, date, plural, and select placeholders to create localized messages.","sidebar":"api"},"polyfills":{"id":"polyfills","title":"Polyfills","description":"One of our goals is to provide developers with access to newest ECMA-402 Intl APIs. Therefore, FormatJS suite also provide multiple high quality polyfills that are fully tested using the Official ECMAScript Conformance Test Suite.","sidebar":"polyfills"},"polyfills/intl-datetimeformat":{"id":"polyfills/intl-datetimeformat","title":"Intl.DateTimeFormat (ESNext)","description":"A spec-compliant polyfill for Intl.DateTimeFormat fully tested by the official ECMAScript Conformance test suite","sidebar":"polyfills"},"polyfills/intl-displaynames":{"id":"polyfills/intl-displaynames","title":"Intl.DisplayNames","description":"A polyfill for Intl.DisplayNames.","sidebar":"polyfills"},"polyfills/intl-durationformat":{"id":"polyfills/intl-durationformat","title":"Intl.DurationFormat","description":"A spec-compliant polyfill for Intl.DurationFormat","sidebar":"polyfills"},"polyfills/intl-getcanonicallocales":{"id":"polyfills/intl-getcanonicallocales","title":"Intl.getCanonicalLocales","description":"A spec-compliant polyfill/ponyfill for Intl.getCanonicalLocales tested by the official ECMAScript Conformance test suite","sidebar":"polyfills"},"polyfills/intl-listformat":{"id":"polyfills/intl-listformat","title":"Intl.ListFormat","description":"A spec-compliant polyfill for Intl.ListFormat fully tested by the official ECMAScript Conformance test suite","sidebar":"polyfills"},"polyfills/intl-locale":{"id":"polyfills/intl-locale","title":"Intl.Locale","description":"A spec-compliant polyfill/ponyfill for Intl.Locale tested by the official ECMAScript Conformance test suite","sidebar":"polyfills"},"polyfills/intl-localematcher":{"id":"polyfills/intl-localematcher","title":"Intl.LocaleMatcher","description":"A spec-compliant ponyfill for Intl.LocaleMatcher. Since this is only stage-1 this package is a ponyfill instead of polyfill.","sidebar":"polyfills"},"polyfills/intl-numberformat":{"id":"polyfills/intl-numberformat","title":"Intl.NumberFormat (ESNext)","description":"A polyfill for ESNext Intl.NumberFormat and Number.prototype.toLocaleString.","sidebar":"polyfills"},"polyfills/intl-pluralrules":{"id":"polyfills/intl-pluralrules","title":"Intl.PluralRules","description":"A spec-compliant polyfill for Intl.PluralRules fully tested by the official ECMAScript Conformance test suite","sidebar":"polyfills"},"polyfills/intl-relativetimeformat":{"id":"polyfills/intl-relativetimeformat","title":"Intl.RelativeTimeFormat","description":"A spec-compliant polyfill for Intl.RelativeTimeFormat fully tested by the official ECMAScript Conformance test suite","sidebar":"polyfills"},"polyfills/intl-segmenter":{"id":"polyfills/intl-segmenter","title":"Intl.Segmenter","description":"A polyfill for Intl.Segmenter.","sidebar":"polyfills"},"polyfills/intl-supportedvaluesof":{"id":"polyfills/intl-supportedvaluesof","title":"Intl.supportedValuesOf","description":"A spec-compliant polyfill/ponyfill for Intl.supportedValuesOf.","sidebar":"polyfills"},"react-intl":{"id":"react-intl","title":"Overview","description":"npm Version","sidebar":"api"},"react-intl/api":{"id":"react-intl/api","title":"Imperative API","description":"There are a few API layers that React Intl provides and is built on. When using React Intl you\'ll be interacting with its API (documented here) and its React components.","sidebar":"api"},"react-intl/components":{"id":"react-intl/components","title":"Components","description":"React Intl has a set of React components that provide a declarative way to setup an i18n context and format dates, numbers, and strings for display in a web UI. The components render React elements by building on React Intl\'s imperative API.","sidebar":"api"},"react-intl/upgrade-guide-2x":{"id":"react-intl/upgrade-guide-2x","title":"Upgrade Guide (v1 -> v2)","description":"Use React 0.14 or 15","sidebar":"api"},"react-intl/upgrade-guide-3x":{"id":"react-intl/upgrade-guide-3x","title":"Upgrade Guide (v2 -> v3)","description":"Breaking API Changes","sidebar":"api"},"react-intl/upgrade-guide-4x":{"id":"react-intl/upgrade-guide-4x","title":"Upgrade Guide (v3 -> v4)","description":"Breaking API Changes","sidebar":"api"},"react-intl/upgrade-guide-5x":{"id":"react-intl/upgrade-guide-5x","title":"Upgrade Guide (v4 -> v5)","description":"Breaking API Changes","sidebar":"api"},"tooling/babel-plugin":{"id":"tooling/babel-plugin","title":"babel-plugin-formatjs","description":"Process string messages for translation from modules that use react-intl, specifically:","sidebar":"tooling"},"tooling/cli":{"id":"tooling/cli","title":"CLI","description":"Installation","sidebar":"tooling"},"tooling/linter":{"id":"tooling/linter","title":"eslint-plugin-formatjs","description":"This eslint plugin allows you to enforce certain rules in your ICU message.","sidebar":"tooling"},"tooling/swc-plugin":{"id":"tooling/swc-plugin","title":"swc-plugin","description":"This has been migrated over to the swc repo itself. You can find the plugin here.","sidebar":"tooling"},"tooling/ts-transformer":{"id":"tooling/ts-transformer","title":"ts-transformer","description":"npm version","sidebar":"tooling"},"vue-intl":{"id":"vue-intl","title":"Vue Plugin for formatjs","description":"This library contains our plugin for Vue.","sidebar":"api"}}}}')}}]);