Ir para o conteúdo principal

Intl.DisplayNames

Tradução Beta Não Oficial

Esta página foi traduzida por PageTurner AI (beta). Não é oficialmente endossada pelo projeto. Encontrou um erro? Reportar problema →

Um polyfill para Intl.DisplayNames.

npm Version size

Instalação

npm i @formatjs/intl-displaynames

Requisitos

Funcionalidades

Todas as especificações da proposta intl-displaynames.

Uso

Via polyfill-fastly.io

Você pode usar o Construtor de URL do polyfill-fastly.io para criar uma tag de script de polyfill para Intl.DisplayNames. Por padrão, a URL gerada não inclui dados de localização. Para adicionar dados de localização, anexe Intl.DisplayNames.~locale.<locale> à sua lista de recursos. Por exemplo:

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

Implementação simples

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

Importação dinâmica + detecção de compatibilidade

import {shouldPolyfill} from '@formatjs/intl-displaynames/should-polyfill'
async function polyfill(locale: string) {
const unsupportedLocale = shouldPolyfill(locale)
// This locale is supported
if (!unsupportedLocale) {
return
}
// Load the polyfill 1st BEFORE loading data
await import('@formatjs/intl-displaynames/polyfill-force')
await import(`@formatjs/intl-displaynames/locale-data/${locale}`)
}