Skip to main content

Intl.PluralRules

A spec-compliant polyfill for Intl.PluralRules fully tested by the official ECMAScript Conformance test suite

npm Version size

Installation#

npm i @formatjs/intl-pluralrules

Requirements#

Usage#

Via polyfill.io#

You can use polyfill.io URL Builder to create a polyfill script tag for Intl.PluralRules. By default the created URL does not come with any locale data. In order to add locale data, append Intl.PluralRules.~locale.<locale> to your list of features. For example:

<!-- Polyfill Intl.PluralRules, its dependencies & `en` locale data --><script src="https://polyfill.io/v3/polyfill.min.js?features=Intl.PluralRules,Intl.PluralRules.~locale.en"></script>

Simple#

import '@formatjs/intl-pluralrules/polyfill'import '@formatjs/intl-pluralrules/locale-data/en' // locale-data for en

Dynamic import + capability detection#

import {shouldPolyfill} from '@formatjs/intl-pluralrules/should-polyfill'async function polyfill(locale: string) {  if (!shouldPolyfill(locale)) {    return  }  // Load the polyfill 1st BEFORE loading data  await import('@formatjs/intl-pluralrules/polyfill')
  switch (locale) {    default:      await import('@formatjs/intl-pluralrules/locale-data/en')      break    case 'fr':      await import('@formatjs/intl-pluralrules/locale-data/fr')      break  }}