@intlayer/docs 7.5.0 → 7.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -19
- package/blog/ar/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/ar/l10n_platform_alternative/crowdin.md +86 -0
- package/blog/ar/l10n_platform_alternative/phrase.md +82 -0
- package/blog/de/l10n_platform_alternative/Lokalise.md +84 -0
- package/blog/de/l10n_platform_alternative/crowdin.md +80 -0
- package/blog/de/l10n_platform_alternative/phrase.md +82 -0
- package/blog/en/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/en/l10n_platform_alternative/crowdin.md +80 -0
- package/blog/en/l10n_platform_alternative/phrase.md +78 -0
- package/blog/en-GB/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/en-GB/l10n_platform_alternative/crowdin.md +80 -0
- package/blog/en-GB/l10n_platform_alternative/phrase.md +78 -0
- package/blog/es/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/es/l10n_platform_alternative/crowdin.md +86 -0
- package/blog/es/l10n_platform_alternative/phrase.md +84 -0
- package/blog/fr/l10n_platform_alternative/Lokalise.md +84 -0
- package/blog/fr/l10n_platform_alternative/crowdin.md +86 -0
- package/blog/fr/l10n_platform_alternative/phrase.md +91 -0
- package/blog/hi/l10n_platform_alternative/Lokalise.md +86 -0
- package/blog/hi/l10n_platform_alternative/crowdin.md +84 -0
- package/blog/hi/l10n_platform_alternative/phrase.md +78 -0
- package/blog/id/l10n_platform_alternative/Lokalise.md +86 -0
- package/blog/id/l10n_platform_alternative/crowdin.md +84 -0
- package/blog/id/l10n_platform_alternative/phrase.md +89 -0
- package/blog/it/l10n_platform_alternative/Lokalise.md +84 -0
- package/blog/it/l10n_platform_alternative/crowdin.md +86 -0
- package/blog/it/l10n_platform_alternative/phrase.md +82 -0
- package/blog/ja/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/ja/l10n_platform_alternative/crowdin.md +80 -0
- package/blog/ja/l10n_platform_alternative/phrase.md +78 -0
- package/blog/ko/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/ko/l10n_platform_alternative/crowdin.md +86 -0
- package/blog/ko/l10n_platform_alternative/phrase.md +78 -0
- package/blog/pl/l10n_platform_alternative/Lokalise.md +84 -0
- package/blog/pl/l10n_platform_alternative/crowdin.md +80 -0
- package/blog/pl/l10n_platform_alternative/phrase.md +82 -0
- package/blog/pt/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/pt/l10n_platform_alternative/crowdin.md +86 -0
- package/blog/pt/l10n_platform_alternative/phrase.md +78 -0
- package/blog/ru/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/ru/l10n_platform_alternative/crowdin.md +86 -0
- package/blog/ru/l10n_platform_alternative/phrase.md +82 -0
- package/blog/tr/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/tr/l10n_platform_alternative/crowdin.md +80 -0
- package/blog/tr/l10n_platform_alternative/phrase.md +89 -0
- package/blog/vi/l10n_platform_alternative/Lokalise.md +87 -0
- package/blog/vi/l10n_platform_alternative/crowdin.md +80 -0
- package/blog/vi/l10n_platform_alternative/phrase.md +82 -0
- package/blog/zh/l10n_platform_alternative/Lokalise.md +80 -0
- package/blog/zh/l10n_platform_alternative/crowdin.md +84 -0
- package/blog/zh/l10n_platform_alternative/phrase.md +84 -0
- package/dist/cjs/generated/blog.entry.cjs +57 -0
- package/dist/cjs/generated/blog.entry.cjs.map +1 -1
- package/dist/esm/generated/blog.entry.mjs +57 -0
- package/dist/esm/generated/blog.entry.mjs.map +1 -1
- package/dist/types/generated/blog.entry.d.ts +3 -0
- package/dist/types/generated/blog.entry.d.ts.map +1 -1
- package/docs/ar/intlayer_with_nuxt.md +2 -2
- package/docs/ar/packages/intlayer/getLocaleName.md +17 -1
- package/docs/de/intlayer_with_nuxt.md +2 -2
- package/docs/de/packages/intlayer/getLocaleName.md +17 -1
- package/docs/en/intlayer_with_nuxt.md +2 -2
- package/docs/en/packages/intlayer/getLocaleName.md +17 -0
- package/docs/en-GB/intlayer_with_nuxt.md +2 -2
- package/docs/en-GB/packages/intlayer/getLocaleName.md +17 -1
- package/docs/es/intlayer_with_nuxt.md +2 -2
- package/docs/es/packages/intlayer/getLocaleName.md +17 -1
- package/docs/fr/intlayer_with_nuxt.md +2 -2
- package/docs/fr/packages/intlayer/getLocaleName.md +17 -1
- package/docs/hi/intlayer_with_nuxt.md +2 -2
- package/docs/hi/packages/intlayer/getLocaleName.md +17 -1
- package/docs/id/intlayer_with_nuxt.md +2 -2
- package/docs/id/packages/intlayer/getLocaleName.md +17 -0
- package/docs/it/intlayer_with_nuxt.md +2 -2
- package/docs/it/packages/intlayer/getLocaleName.md +17 -1
- package/docs/ja/intlayer_with_nuxt.md +2 -2
- package/docs/ja/packages/intlayer/getLocaleName.md +17 -1
- package/docs/ko/intlayer_with_nuxt.md +2 -2
- package/docs/ko/packages/intlayer/getLocaleName.md +17 -1
- package/docs/pl/intlayer_with_nuxt.md +2 -2
- package/docs/pl/packages/intlayer/getLocaleName.md +17 -0
- package/docs/pt/intlayer_with_nuxt.md +2 -2
- package/docs/pt/packages/intlayer/getLocaleName.md +17 -1
- package/docs/ru/intlayer_with_nuxt.md +2 -2
- package/docs/ru/packages/intlayer/getLocaleName.md +17 -1
- package/docs/tr/intlayer_with_nuxt.md +2 -2
- package/docs/tr/packages/intlayer/getLocaleName.md +17 -0
- package/docs/vi/intlayer_with_nuxt.md +2 -2
- package/docs/vi/packages/intlayer/getLocaleName.md +17 -0
- package/docs/zh/intlayer_with_nuxt.md +2 -2
- package/docs/zh/packages/intlayer/getLocaleName.md +17 -1
- package/package.json +6 -6
- package/src/generated/blog.entry.ts +57 -0
|
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
373
373
|
const content = useIntlayer("home-page");
|
|
374
374
|
|
|
375
375
|
useHead({
|
|
376
|
-
title: content.metaTitle.
|
|
376
|
+
title: content.metaTitle.raw,
|
|
377
377
|
meta: [
|
|
378
378
|
{
|
|
379
379
|
name: "description",
|
|
380
|
-
content: content.metaDescription.
|
|
380
|
+
content: content.metaDescription.raw,
|
|
381
381
|
},
|
|
382
382
|
],
|
|
383
383
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: React Native और पुराने वातावरण के लिए polyfills जोड़ें
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: प्रारंभिक इतिहास
|
|
@@ -33,7 +36,6 @@ history:
|
|
|
33
36
|
## पैरामीटर
|
|
34
37
|
|
|
35
38
|
- `displayLocale: Locales`
|
|
36
|
-
|
|
37
39
|
- **विवरण**: वह लोकल जिसमें लक्ष्य लोकल का नाम प्रदर्शित किया जाएगा।
|
|
38
40
|
- **प्रकार**: वैध लोकल का प्रतिनिधित्व करने वाला Enum या स्ट्रिंग।
|
|
39
41
|
|
|
@@ -117,3 +119,17 @@ getLocaleName("unknown-locale"); // आउटपुट: "Unknown locale"
|
|
|
117
119
|
- फ़ंक्शन डिफ़ॉल्ट रूप से `displayLocale` के अपने नाम को लौटाता है।
|
|
118
120
|
- **अनुवाद गायब:**
|
|
119
121
|
- यदि `localeNameTranslations` में `targetLocale` या विशिष्ट `displayLocale` के लिए कोई प्रविष्टि नहीं है, तो फ़ंक्शन `ownLocalesName` पर वापस चला जाता है या `"Unknown locale"` लौटाता है।
|
|
122
|
+
|
|
123
|
+
## React Native और पुराने वातावरण के लिए Polyfills
|
|
124
|
+
|
|
125
|
+
`getLocaleName` फ़ंक्शन `Intl.DisplayNames` API पर निर्भर करता है, जो React Native या पुराने JavaScript वातावरण में उपलब्ध नहीं है। यदि आप इन वातावरणों में `getLocaleName` का उपयोग कर रहे हैं, तो आपको polyfills जोड़ने की आवश्यकता है।
|
|
126
|
+
|
|
127
|
+
अपने एप्लिकेशन में जल्दी polyfills आयात करें, आदर्श रूप से अपनी प्रवेश बिंदु फ़ाइल में (उदाहरण के लिए, `index.js`, `App.tsx`, या `main.tsx`):
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
import "intl";
|
|
131
|
+
import "@formatjs/intl-locale/polyfill";
|
|
132
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
अधिक विवरण के लिए, [FormatJS polyfills दस्तावेज़](https://formatjs.io/docs/polyfills/intl-displaynames/) देखें।
|
|
@@ -374,11 +374,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
374
374
|
const content = useIntlayer("home-page");
|
|
375
375
|
|
|
376
376
|
useHead({
|
|
377
|
-
title: content.metaTitle.
|
|
377
|
+
title: content.metaTitle.raw,
|
|
378
378
|
meta: [
|
|
379
379
|
{
|
|
380
380
|
name: "description",
|
|
381
|
-
content: content.metaDescription.
|
|
381
|
+
content: content.metaDescription.raw,
|
|
382
382
|
},
|
|
383
383
|
],
|
|
384
384
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: Tambahkan polyfills untuk React Native dan lingkungan yang lebih lama
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: Inisialisasi riwayat
|
|
@@ -117,3 +120,17 @@ getLocaleName("unknown-locale"); // Output: "Unknown locale"
|
|
|
117
120
|
- Fungsi secara default mengembalikan nama dari `displayLocale` itu sendiri.
|
|
118
121
|
- **Terjemahan yang hilang:**
|
|
119
122
|
- Jika `localeNameTranslations` tidak berisi entri untuk `targetLocale` atau `displayLocale` tertentu, fungsi akan kembali ke `ownLocalesName` atau mengembalikan `"Unknown locale"`.
|
|
123
|
+
|
|
124
|
+
## Polyfills untuk React Native dan Lingkungan yang Lebih Lama
|
|
125
|
+
|
|
126
|
+
Fungsi `getLocaleName` bergantung pada API `Intl.DisplayNames`, yang tidak tersedia di React Native atau lingkungan JavaScript yang lebih lama. Jika Anda menggunakan `getLocaleName` di lingkungan ini, Anda perlu menambahkan polyfills.
|
|
127
|
+
|
|
128
|
+
Impor polyfills di awal aplikasi Anda, idealnya di file titik masuk Anda (misalnya, `index.js`, `App.tsx`, atau `main.tsx`):
|
|
129
|
+
|
|
130
|
+
```typescript
|
|
131
|
+
import "intl";
|
|
132
|
+
import "@formatjs/intl-locale/polyfill";
|
|
133
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
134
|
+
```
|
|
135
|
+
|
|
136
|
+
Untuk detail lebih lanjut, lihat [dokumentasi polyfills FormatJS](https://formatjs.io/docs/polyfills/intl-displaynames/).
|
|
@@ -374,11 +374,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
374
374
|
const content = useIntlayer("home-page");
|
|
375
375
|
|
|
376
376
|
useHead({
|
|
377
|
-
title: content.metaTitle.
|
|
377
|
+
title: content.metaTitle.raw,
|
|
378
378
|
meta: [
|
|
379
379
|
{
|
|
380
380
|
name: "description",
|
|
381
|
-
content: content.metaDescription.
|
|
381
|
+
content: content.metaDescription.raw,
|
|
382
382
|
},
|
|
383
383
|
],
|
|
384
384
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: Aggiungere polyfills per React Native e ambienti più vecchi
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: Inizio cronologia
|
|
@@ -33,7 +36,6 @@ La funzione `getLocaleName` restituisce il nome localizzato di una determinata l
|
|
|
33
36
|
## Parametri
|
|
34
37
|
|
|
35
38
|
- `displayLocale: Locales`
|
|
36
|
-
|
|
37
39
|
- **Descrizione**: La località in cui verrà visualizzato il nome della località target.
|
|
38
40
|
- **Tipo**: Enum o stringa che rappresenta località valide.
|
|
39
41
|
|
|
@@ -117,3 +119,17 @@ getLocaleName("unknown-locale"); // Output: "Unknown locale"
|
|
|
117
119
|
- La funzione restituisce per default il nome proprio del `displayLocale`.
|
|
118
120
|
- **Traduzioni mancanti:**
|
|
119
121
|
- Se `localeNameTranslations` non contiene una voce per il `targetLocale` o per il `displayLocale` specifico, la funzione ricorre a `ownLocalesName` oppure restituisce `"Unknown locale"`.
|
|
122
|
+
|
|
123
|
+
## Polyfills per React Native e ambienti più vecchi
|
|
124
|
+
|
|
125
|
+
La funzione `getLocaleName` dipende dall'API `Intl.DisplayNames`, che non è disponibile in React Native o in ambienti JavaScript più vecchi. Se stai usando `getLocaleName` in questi ambienti, devi aggiungere polyfills.
|
|
126
|
+
|
|
127
|
+
Importa i polyfills all'inizio della tua applicazione, idealmente nel tuo file di ingresso (ad esempio, `index.js`, `App.tsx` o `main.tsx`):
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
import "intl";
|
|
131
|
+
import "@formatjs/intl-locale/polyfill";
|
|
132
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
Per maggiori dettagli, consulta la [documentazione dei polyfills FormatJS](https://formatjs.io/docs/polyfills/intl-displaynames/).
|
|
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
373
373
|
const content = useIntlayer("home-page");
|
|
374
374
|
|
|
375
375
|
useHead({
|
|
376
|
-
title: content.metaTitle.
|
|
376
|
+
title: content.metaTitle.raw,
|
|
377
377
|
meta: [
|
|
378
378
|
{
|
|
379
379
|
name: "description",
|
|
380
|
-
content: content.metaDescription.
|
|
380
|
+
content: content.metaDescription.raw,
|
|
381
381
|
},
|
|
382
382
|
],
|
|
383
383
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: React Native と古い環境用の polyfills を追加
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: 履歴の初期化
|
|
@@ -33,7 +36,6 @@ history:
|
|
|
33
36
|
## パラメーター
|
|
34
37
|
|
|
35
38
|
- `displayLocale: Locales`
|
|
36
|
-
|
|
37
39
|
- **説明**: 対象ロケールの名前が表示されるロケール。
|
|
38
40
|
- **型**: 有効なロケールを表す列挙型または文字列。
|
|
39
41
|
|
|
@@ -117,3 +119,17 @@ getLocaleName("unknown-locale"); // 出力: "Unknown locale"
|
|
|
117
119
|
- 関数はデフォルトで `displayLocale` 自身の名前を返します。
|
|
118
120
|
- **翻訳が見つからない場合:**
|
|
119
121
|
- `localeNameTranslations` に `targetLocale` または特定の `displayLocale` のエントリが存在しない場合、関数は `ownLocalesName` にフォールバックするか、 `"Unknown locale"` を返します。
|
|
122
|
+
|
|
123
|
+
## React Native と古い環境用の Polyfills
|
|
124
|
+
|
|
125
|
+
`getLocaleName` 関数は `Intl.DisplayNames` API に依存しており、この API は React Native や古い JavaScript 環境では利用できません。これらの環境で `getLocaleName` を使用する場合は、polyfills を追加する必要があります。
|
|
126
|
+
|
|
127
|
+
アプリケーションの早期に polyfills をインポートしてください。理想的には、エントリポイントファイル(例:`index.js`、`App.tsx`、または `main.tsx`)で行います:
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
import "intl";
|
|
131
|
+
import "@formatjs/intl-locale/polyfill";
|
|
132
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
詳細については、[FormatJS polyfills ドキュメント](https://formatjs.io/docs/polyfills/intl-displaynames/)を参照してください。
|
|
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
373
373
|
const content = useIntlayer("home-page");
|
|
374
374
|
|
|
375
375
|
useHead({
|
|
376
|
-
title: content.metaTitle.
|
|
376
|
+
title: content.metaTitle.raw,
|
|
377
377
|
meta: [
|
|
378
378
|
{
|
|
379
379
|
name: "description",
|
|
380
|
-
content: content.metaDescription.
|
|
380
|
+
content: content.metaDescription.raw,
|
|
381
381
|
},
|
|
382
382
|
],
|
|
383
383
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: React Native 및 구형 환경용 polyfills 추가
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: 초기 이력
|
|
@@ -33,7 +36,6 @@ history:
|
|
|
33
36
|
## 매개변수
|
|
34
37
|
|
|
35
38
|
- `displayLocale: Locales`
|
|
36
|
-
|
|
37
39
|
- **설명**: 대상 로케일의 이름이 표시될 로케일입니다.
|
|
38
40
|
- **타입**: 유효한 로케일을 나타내는 열거형 또는 문자열입니다.
|
|
39
41
|
|
|
@@ -117,3 +119,17 @@ getLocaleName("unknown-locale"); // 출력: "Unknown locale"
|
|
|
117
119
|
- 함수는 기본적으로 `displayLocale` 자신의 이름을 반환합니다.
|
|
118
120
|
- **번역 누락:**
|
|
119
121
|
- `localeNameTranslations`에 `targetLocale` 또는 특정 `displayLocale`에 대한 항목이 없으면, 함수는 `ownLocalesName`을 사용하거나 `"Unknown locale"`을 반환합니다.
|
|
122
|
+
|
|
123
|
+
## React Native 및 구형 환경용 Polyfills
|
|
124
|
+
|
|
125
|
+
`getLocaleName` 함수는 `Intl.DisplayNames` API에 의존하며, 이 API는 React Native나 구형 JavaScript 환경에서는 사용할 수 없습니다. 이러한 환경에서 `getLocaleName`을 사용하는 경우 polyfills를 추가해야 합니다.
|
|
126
|
+
|
|
127
|
+
애플리케이션 초기에 polyfills를 가져오세요. 가능하면 진입점 파일(예: `index.js`, `App.tsx`, 또는 `main.tsx`)에서 수행하세요:
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
import "intl";
|
|
131
|
+
import "@formatjs/intl-locale/polyfill";
|
|
132
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
자세한 내용은 [FormatJS polyfills 문서](https://formatjs.io/docs/polyfills/intl-displaynames/)를 참조하세요.
|
|
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
373
373
|
const content = useIntlayer("home-page");
|
|
374
374
|
|
|
375
375
|
useHead({
|
|
376
|
-
title: content.metaTitle.
|
|
376
|
+
title: content.metaTitle.raw,
|
|
377
377
|
meta: [
|
|
378
378
|
{
|
|
379
379
|
name: "description",
|
|
380
|
-
content: content.metaDescription.
|
|
380
|
+
content: content.metaDescription.raw,
|
|
381
381
|
},
|
|
382
382
|
],
|
|
383
383
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: Dodaj polyfills dla React Native i starszych środowisk
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: Inicjalizacja historii
|
|
@@ -116,3 +119,17 @@ getLocaleName("unknown-locale"); // Wynik: "Unknown locale"
|
|
|
116
119
|
- Funkcja domyślnie zwraca własną nazwę `displayLocale`.
|
|
117
120
|
- **Brakujące tłumaczenia:**
|
|
118
121
|
- Jeśli `localeNameTranslations` nie zawiera wpisu dla `targetLocale` lub konkretnego `displayLocale`, funkcja korzysta z `ownLocalesName` lub zwraca `"Unknown locale"`.
|
|
122
|
+
|
|
123
|
+
## Polyfills dla React Native i starszych środowisk
|
|
124
|
+
|
|
125
|
+
Funkcja `getLocaleName` zależy od API `Intl.DisplayNames`, które nie jest dostępne w React Native lub starszych środowiskach JavaScript. Jeśli używasz `getLocaleName` w tych środowiskach, musisz dodać polyfills.
|
|
126
|
+
|
|
127
|
+
Zaimportuj polyfills wcześnie w swojej aplikacji, najlepiej w pliku punktu wejścia (np. `index.js`, `App.tsx` lub `main.tsx`):
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
import "intl";
|
|
131
|
+
import "@formatjs/intl-locale/polyfill";
|
|
132
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
Aby uzyskać więcej szczegółów, zobacz [dokumentację polyfills FormatJS](https://formatjs.io/docs/polyfills/intl-displaynames/).
|
|
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
373
373
|
const content = useIntlayer("home-page");
|
|
374
374
|
|
|
375
375
|
useHead({
|
|
376
|
-
title: content.metaTitle.
|
|
376
|
+
title: content.metaTitle.raw,
|
|
377
377
|
meta: [
|
|
378
378
|
{
|
|
379
379
|
name: "description",
|
|
380
|
-
content: content.metaDescription.
|
|
380
|
+
content: content.metaDescription.raw,
|
|
381
381
|
},
|
|
382
382
|
],
|
|
383
383
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: Adicionar polyfills para React Native e ambientes mais antigos
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: Histórico inicial
|
|
@@ -33,7 +36,6 @@ A função `getLocaleName` retorna o nome localizado de um determinado locale (`
|
|
|
33
36
|
## Parâmetros
|
|
34
37
|
|
|
35
38
|
- `displayLocale: Locales`
|
|
36
|
-
|
|
37
39
|
- **Descrição**: O locale no qual o nome do locale alvo será exibido.
|
|
38
40
|
- **Tipo**: Enum ou string representando locales válidos.
|
|
39
41
|
|
|
@@ -117,3 +119,17 @@ getLocaleName("unknown-locale"); // Saída: "Unknown locale"
|
|
|
117
119
|
- A função retorna por padrão o próprio nome do `displayLocale`.
|
|
118
120
|
- **Traduções ausentes:**
|
|
119
121
|
- Se `localeNameTranslations` não contiver uma entrada para o `targetLocale` ou para o `displayLocale` específico, a função recorre ao `ownLocalesName` ou retorna `"Unknown locale"`.
|
|
122
|
+
|
|
123
|
+
## Polyfills para React Native e ambientes mais antigos
|
|
124
|
+
|
|
125
|
+
A função `getLocaleName` depende da API `Intl.DisplayNames`, que não está disponível no React Native ou em ambientes JavaScript mais antigos. Se você estiver usando `getLocaleName` nesses ambientes, precisa adicionar polyfills.
|
|
126
|
+
|
|
127
|
+
Importe os polyfills no início da sua aplicação, idealmente no seu arquivo de entrada (por exemplo, `index.js`, `App.tsx` ou `main.tsx`):
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
import "intl";
|
|
131
|
+
import "@formatjs/intl-locale/polyfill";
|
|
132
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
Para mais detalhes, consulte a [documentação de polyfills do FormatJS](https://formatjs.io/docs/polyfills/intl-displaynames/).
|
|
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
373
373
|
const content = useIntlayer("home-page");
|
|
374
374
|
|
|
375
375
|
useHead({
|
|
376
|
-
title: content.metaTitle.
|
|
376
|
+
title: content.metaTitle.raw,
|
|
377
377
|
meta: [
|
|
378
378
|
{
|
|
379
379
|
name: "description",
|
|
380
|
-
content: content.metaDescription.
|
|
380
|
+
content: content.metaDescription.raw,
|
|
381
381
|
},
|
|
382
382
|
],
|
|
383
383
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: Добавление polyfills для React Native и старых сред
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: Инициализация истории
|
|
@@ -33,7 +36,6 @@ history:
|
|
|
33
36
|
## Параметры
|
|
34
37
|
|
|
35
38
|
- `displayLocale: Locales`
|
|
36
|
-
|
|
37
39
|
- **Описание**: Локаль, на языке которой будет отображаться название целевой локали.
|
|
38
40
|
- **Тип**: Enum или строка, представляющая допустимые локали.
|
|
39
41
|
|
|
@@ -117,3 +119,17 @@ getLocaleName("unknown-locale"); // Вывод: "Unknown locale"
|
|
|
117
119
|
- Функция по умолчанию возвращает собственное имя `displayLocale`.
|
|
118
120
|
- **Отсутствие переводов:**
|
|
119
121
|
- Если `localeNameTranslations` не содержит записи для `targetLocale` или конкретного `displayLocale`, функция возвращает `ownLocalesName` или `"Unknown locale"`.
|
|
122
|
+
|
|
123
|
+
## Polyfills для React Native и старых сред
|
|
124
|
+
|
|
125
|
+
Функция `getLocaleName` зависит от API `Intl.DisplayNames`, которая недоступна в React Native или старых средах JavaScript. Если вы используете `getLocaleName` в этих средах, вам нужно добавить polyfills.
|
|
126
|
+
|
|
127
|
+
Импортируйте polyfills в начале вашего приложения, желательно в файле точки входа (например, `index.js`, `App.tsx` или `main.tsx`):
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
import "intl";
|
|
131
|
+
import "@formatjs/intl-locale/polyfill";
|
|
132
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
Для получения дополнительной информации см. [документацию по polyfills FormatJS](https://formatjs.io/docs/polyfills/intl-displaynames/).
|
|
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
373
373
|
const content = useIntlayer("home-page");
|
|
374
374
|
|
|
375
375
|
useHead({
|
|
376
|
-
title: content.metaTitle.
|
|
376
|
+
title: content.metaTitle.raw,
|
|
377
377
|
meta: [
|
|
378
378
|
{
|
|
379
379
|
name: "description",
|
|
380
|
-
content: content.metaDescription.
|
|
380
|
+
content: content.metaDescription.raw,
|
|
381
381
|
},
|
|
382
382
|
],
|
|
383
383
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: React Native ve eski ortamlar için polyfills ekle
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: Geçmiş başlatıldı
|
|
@@ -116,3 +119,17 @@ getLocaleName("unknown-locale"); // Çıktı: "Unknown locale"
|
|
|
116
119
|
- Fonksiyon varsayılan olarak `displayLocale`'un kendi adını döndürür.
|
|
117
120
|
- **Eksik çeviriler:**
|
|
118
121
|
- `localeNameTranslations` `targetLocale` veya belirli `displayLocale` için bir giriş içermezse, fonksiyon `ownLocalesName`'e geri döner veya `"Unknown locale"` döndürür.
|
|
122
|
+
|
|
123
|
+
## React Native ve Eski Ortamlar için Polyfills
|
|
124
|
+
|
|
125
|
+
`getLocaleName` fonksiyonu `Intl.DisplayNames` API'sine bağımlıdır ve bu API React Native veya eski JavaScript ortamlarında mevcut değildir. Bu ortamlarda `getLocaleName` kullanıyorsanız, polyfills eklemeniz gerekir.
|
|
126
|
+
|
|
127
|
+
Polyfills'i uygulamanızın başında, tercihen giriş noktası dosyanızda (örneğin, `index.js`, `App.tsx` veya `main.tsx`) içe aktarın:
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
import "intl";
|
|
131
|
+
import "@formatjs/intl-locale/polyfill";
|
|
132
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
Daha fazla ayrıntı için [FormatJS polyfills belgelerine](https://formatjs.io/docs/polyfills/intl-displaynames/) bakın.
|
|
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
373
373
|
const content = useIntlayer("home-page");
|
|
374
374
|
|
|
375
375
|
useHead({
|
|
376
|
-
title: content.metaTitle.
|
|
376
|
+
title: content.metaTitle.raw,
|
|
377
377
|
meta: [
|
|
378
378
|
{
|
|
379
379
|
name: "description",
|
|
380
|
-
content: content.metaDescription.
|
|
380
|
+
content: content.metaDescription.raw,
|
|
381
381
|
},
|
|
382
382
|
],
|
|
383
383
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: Thêm polyfills cho React Native và các môi trường cũ hơn
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: Khởi tạo lịch sử
|
|
@@ -127,3 +130,17 @@ getLocaleName("unknown-locale"); // Kết quả: "Unknown locale"
|
|
|
127
130
|
- Hàm mặc định trả về tên của chính `displayLocale`.
|
|
128
131
|
- **Thiếu bản dịch:**
|
|
129
132
|
- Nếu `localeNameTranslations` không chứa mục cho `targetLocale` hoặc `displayLocale` cụ thể, hàm sẽ sử dụng lại `ownLocalesName` hoặc trả về `"Unknown locale"`.
|
|
133
|
+
|
|
134
|
+
## Polyfills cho React Native và các môi trường cũ hơn
|
|
135
|
+
|
|
136
|
+
Hàm `getLocaleName` phụ thuộc vào API `Intl.DisplayNames`, không có sẵn trong React Native hoặc các môi trường JavaScript cũ hơn. Nếu bạn đang sử dụng `getLocaleName` trong các môi trường này, bạn cần thêm polyfills.
|
|
137
|
+
|
|
138
|
+
Nhập polyfills sớm trong ứng dụng của bạn, lý tưởng là trong tệp điểm vào của bạn (ví dụ: `index.js`, `App.tsx` hoặc `main.tsx`):
|
|
139
|
+
|
|
140
|
+
```typescript
|
|
141
|
+
import "intl";
|
|
142
|
+
import "@formatjs/intl-locale/polyfill";
|
|
143
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
Để biết thêm chi tiết, xem [tài liệu polyfills FormatJS](https://formatjs.io/docs/polyfills/intl-displaynames/).
|
|
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
|
|
|
373
373
|
const content = useIntlayer("home-page");
|
|
374
374
|
|
|
375
375
|
useHead({
|
|
376
|
-
title: content.metaTitle.
|
|
376
|
+
title: content.metaTitle.raw,
|
|
377
377
|
meta: [
|
|
378
378
|
{
|
|
379
379
|
name: "description",
|
|
380
|
-
content: content.metaDescription.
|
|
380
|
+
content: content.metaDescription.raw,
|
|
381
381
|
},
|
|
382
382
|
],
|
|
383
383
|
});
|
|
@@ -19,6 +19,9 @@ slugs:
|
|
|
19
19
|
- intlayer
|
|
20
20
|
- getLocaleName
|
|
21
21
|
history:
|
|
22
|
+
- version: 7.5.0
|
|
23
|
+
date: 2025-12-18
|
|
24
|
+
changes: 为 React Native 和旧环境添加 polyfills
|
|
22
25
|
- version: 5.5.10
|
|
23
26
|
date: 2025-06-29
|
|
24
27
|
changes: 初始化历史
|
|
@@ -33,7 +36,6 @@ history:
|
|
|
33
36
|
## 参数
|
|
34
37
|
|
|
35
38
|
- `displayLocale: Locales`
|
|
36
|
-
|
|
37
39
|
- **描述**:用于显示目标语言环境名称的语言环境。
|
|
38
40
|
- **类型**:表示有效语言环境的枚举或字符串。
|
|
39
41
|
|
|
@@ -117,3 +119,17 @@ getLocaleName("unknown-locale"); // 输出: "Unknown locale"
|
|
|
117
119
|
- 该函数默认返回 `displayLocale` 自身的名称。
|
|
118
120
|
- **缺少翻译:**
|
|
119
121
|
- 如果 `localeNameTranslations` 中不包含 `targetLocale` 或特定 `displayLocale` 的条目,函数将回退到 `ownLocalesName`,或者返回 `"Unknown locale"`。
|
|
122
|
+
|
|
123
|
+
## React Native 和旧环境的 Polyfills
|
|
124
|
+
|
|
125
|
+
`getLocaleName` 函数依赖于 `Intl.DisplayNames` API,该 API 在 React Native 或较旧的 JavaScript 环境中不可用。如果您在这些环境中使用 `getLocaleName`,需要添加 polyfills。
|
|
126
|
+
|
|
127
|
+
在应用程序的早期导入 polyfills,最好在入口文件中(例如 `index.js`、`App.tsx` 或 `main.tsx`):
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
import "intl";
|
|
131
|
+
import "@formatjs/intl-locale/polyfill";
|
|
132
|
+
import "@formatjs/intl-displaynames/polyfill";
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
更多详细信息,请参阅 [FormatJS polyfills 文档](https://formatjs.io/docs/polyfills/intl-displaynames/)。
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intlayer/docs",
|
|
3
|
-
"version": "7.5.
|
|
3
|
+
"version": "7.5.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Intlayer documentation",
|
|
6
6
|
"keywords": [
|
|
@@ -73,13 +73,13 @@
|
|
|
73
73
|
"watch": "webpack --config ./webpack.config.ts --watch"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
|
-
"@intlayer/config": "7.5.
|
|
77
|
-
"@intlayer/core": "7.5.
|
|
78
|
-
"@intlayer/types": "7.5.
|
|
76
|
+
"@intlayer/config": "7.5.1",
|
|
77
|
+
"@intlayer/core": "7.5.1",
|
|
78
|
+
"@intlayer/types": "7.5.1"
|
|
79
79
|
},
|
|
80
80
|
"devDependencies": {
|
|
81
|
-
"@intlayer/api": "7.5.
|
|
82
|
-
"@intlayer/cli": "7.5.
|
|
81
|
+
"@intlayer/api": "7.5.1",
|
|
82
|
+
"@intlayer/cli": "7.5.1",
|
|
83
83
|
"@types/node": "25.0.3",
|
|
84
84
|
"@utils/ts-config": "1.0.4",
|
|
85
85
|
"@utils/ts-config-types": "1.0.4",
|
|
@@ -262,6 +262,63 @@ export const blogEntry = {
|
|
|
262
262
|
id: readLocale('intlayer_with_vue-i18n.md', 'id'),
|
|
263
263
|
vi: readLocale('intlayer_with_vue-i18n.md', 'vi'),
|
|
264
264
|
} as unknown as Record<LocalesValues, Promise<string>>,
|
|
265
|
+
'./blog/en/l10n_platform_alternative/Lokalise.md': {
|
|
266
|
+
en: readLocale('l10n_platform_alternative/Lokalise.md', 'en'),
|
|
267
|
+
ru: readLocale('l10n_platform_alternative/Lokalise.md', 'ru'),
|
|
268
|
+
ja: readLocale('l10n_platform_alternative/Lokalise.md', 'ja'),
|
|
269
|
+
fr: readLocale('l10n_platform_alternative/Lokalise.md', 'fr'),
|
|
270
|
+
ko: readLocale('l10n_platform_alternative/Lokalise.md', 'ko'),
|
|
271
|
+
zh: readLocale('l10n_platform_alternative/Lokalise.md', 'zh'),
|
|
272
|
+
es: readLocale('l10n_platform_alternative/Lokalise.md', 'es'),
|
|
273
|
+
de: readLocale('l10n_platform_alternative/Lokalise.md', 'de'),
|
|
274
|
+
ar: readLocale('l10n_platform_alternative/Lokalise.md', 'ar'),
|
|
275
|
+
it: readLocale('l10n_platform_alternative/Lokalise.md', 'it'),
|
|
276
|
+
'en-GB': readLocale('l10n_platform_alternative/Lokalise.md', 'en-GB'),
|
|
277
|
+
pt: readLocale('l10n_platform_alternative/Lokalise.md', 'pt'),
|
|
278
|
+
hi: readLocale('l10n_platform_alternative/Lokalise.md', 'hi'),
|
|
279
|
+
tr: readLocale('l10n_platform_alternative/Lokalise.md', 'tr'),
|
|
280
|
+
pl: readLocale('l10n_platform_alternative/Lokalise.md', 'pl'),
|
|
281
|
+
id: readLocale('l10n_platform_alternative/Lokalise.md', 'id'),
|
|
282
|
+
vi: readLocale('l10n_platform_alternative/Lokalise.md', 'vi'),
|
|
283
|
+
} as unknown as Record<LocalesValues, Promise<string>>,
|
|
284
|
+
'./blog/en/l10n_platform_alternative/crowdin.md': {
|
|
285
|
+
en: readLocale('l10n_platform_alternative/crowdin.md', 'en'),
|
|
286
|
+
ru: readLocale('l10n_platform_alternative/crowdin.md', 'ru'),
|
|
287
|
+
ja: readLocale('l10n_platform_alternative/crowdin.md', 'ja'),
|
|
288
|
+
fr: readLocale('l10n_platform_alternative/crowdin.md', 'fr'),
|
|
289
|
+
ko: readLocale('l10n_platform_alternative/crowdin.md', 'ko'),
|
|
290
|
+
zh: readLocale('l10n_platform_alternative/crowdin.md', 'zh'),
|
|
291
|
+
es: readLocale('l10n_platform_alternative/crowdin.md', 'es'),
|
|
292
|
+
de: readLocale('l10n_platform_alternative/crowdin.md', 'de'),
|
|
293
|
+
ar: readLocale('l10n_platform_alternative/crowdin.md', 'ar'),
|
|
294
|
+
it: readLocale('l10n_platform_alternative/crowdin.md', 'it'),
|
|
295
|
+
'en-GB': readLocale('l10n_platform_alternative/crowdin.md', 'en-GB'),
|
|
296
|
+
pt: readLocale('l10n_platform_alternative/crowdin.md', 'pt'),
|
|
297
|
+
hi: readLocale('l10n_platform_alternative/crowdin.md', 'hi'),
|
|
298
|
+
tr: readLocale('l10n_platform_alternative/crowdin.md', 'tr'),
|
|
299
|
+
pl: readLocale('l10n_platform_alternative/crowdin.md', 'pl'),
|
|
300
|
+
id: readLocale('l10n_platform_alternative/crowdin.md', 'id'),
|
|
301
|
+
vi: readLocale('l10n_platform_alternative/crowdin.md', 'vi'),
|
|
302
|
+
} as unknown as Record<LocalesValues, Promise<string>>,
|
|
303
|
+
'./blog/en/l10n_platform_alternative/phrase.md': {
|
|
304
|
+
en: readLocale('l10n_platform_alternative/phrase.md', 'en'),
|
|
305
|
+
ru: readLocale('l10n_platform_alternative/phrase.md', 'ru'),
|
|
306
|
+
ja: readLocale('l10n_platform_alternative/phrase.md', 'ja'),
|
|
307
|
+
fr: readLocale('l10n_platform_alternative/phrase.md', 'fr'),
|
|
308
|
+
ko: readLocale('l10n_platform_alternative/phrase.md', 'ko'),
|
|
309
|
+
zh: readLocale('l10n_platform_alternative/phrase.md', 'zh'),
|
|
310
|
+
es: readLocale('l10n_platform_alternative/phrase.md', 'es'),
|
|
311
|
+
de: readLocale('l10n_platform_alternative/phrase.md', 'de'),
|
|
312
|
+
ar: readLocale('l10n_platform_alternative/phrase.md', 'ar'),
|
|
313
|
+
it: readLocale('l10n_platform_alternative/phrase.md', 'it'),
|
|
314
|
+
'en-GB': readLocale('l10n_platform_alternative/phrase.md', 'en-GB'),
|
|
315
|
+
pt: readLocale('l10n_platform_alternative/phrase.md', 'pt'),
|
|
316
|
+
hi: readLocale('l10n_platform_alternative/phrase.md', 'hi'),
|
|
317
|
+
tr: readLocale('l10n_platform_alternative/phrase.md', 'tr'),
|
|
318
|
+
pl: readLocale('l10n_platform_alternative/phrase.md', 'pl'),
|
|
319
|
+
id: readLocale('l10n_platform_alternative/phrase.md', 'id'),
|
|
320
|
+
vi: readLocale('l10n_platform_alternative/phrase.md', 'vi'),
|
|
321
|
+
} as unknown as Record<LocalesValues, Promise<string>>,
|
|
265
322
|
'./blog/en/list_i18n_technologies/CMS/drupal.md': {
|
|
266
323
|
en: readLocale('list_i18n_technologies/CMS/drupal.md', 'en'),
|
|
267
324
|
ru: readLocale('list_i18n_technologies/CMS/drupal.md', 'ru'),
|