@intlayer/docs 9.5.4 → 9.5.5

package/blog/hi/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Build time पर संकलित Scoped सामग्री। Intlayer
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="फ़्रेंच">
 
 ```ts fileName="src/i18n/fr.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const fr: typeof en = {
+export const fr: Dict = {
   cart: { title: "Votre panier", items: "{{ count }} articles" },
 };
 ```
@@ -179,9 +181,9 @@ export const fr: typeof en = {
   <Tab value="es" label="स्पेनिश">
 
 ```ts fileName="src/i18n/es.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const es: typeof en = {
+export const es: Dict = {
   cart: { title: "Tu carrito", items: "{{ count }} artículos" },
 };
 ```
@@ -190,10 +192,22 @@ export const es: typeof en = {
   </Tabs>
 
 ```ts fileName="src/i18n/index.ts"
+import { createSignal } from "solid-js";
 import * as i18n from "@solid-primitives/i18n";
 import { en } from "./en";
+import { fr } from "./fr";
+import { es } from "./es";
+
+export type Locale = "en" | "fr" | "es";
+
+const dictionaries = {
+  en: i18n.flatten(en),
+  fr: i18n.flatten(fr),
+  es: i18n.flatten(es),
+};
 
-export const dictionary = () => i18n.flatten(en);
+export const [locale, setLocale] = createSignal<Locale>("en");
+export const dictionary = () => dictionaries[locale()];
 export const t = i18n.translator(dictionary, i18n.resolveTemplate);
 ```
 

package/blog/id/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Struktur yang sama dengan `next-intl` tanpa binding khusus Next.js. Kunci memili
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="Inggris">
+
+```po fileName="src/locales/en/messages.po"
+msgid "Your cart"
+msgstr "Your cart"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# item} other {# items}}"
+```
+
+  </Tab>
+  <Tab value="fr" label="Prancis">
+
 ```po fileName="src/locales/fr/messages.po"
 msgid "Your cart"
 msgstr "Votre panier"
@@ -352,6 +366,20 @@ msgid "{count, plural, one {# item} other {# items}}"
 msgstr "{count, plural, one {# article} other {# articles}}"
 ```
 
+  </Tab>
+  <Tab value="es" label="Spanyol">
+
+```po fileName="src/locales/es/messages.po"
+msgid "Your cart"
+msgstr "Tu carrito"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# artículo} other {# artículos}}"
+```
+
+  </Tab>
+  </Tabs>
+
 ```tsx fileName="src/components/CartSummary.tsx"
 import type { FC } from "react";
 import { Plural, Trans } from "@lingui/react/macro";

package/blog/id/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Komponen yang sama, ringkasan keranjang belanja dengan judul dan bentuk jamak, d
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="Prancis">
 
 ```ts fileName="src/i18n/fr.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const fr: typeof en = {
+export const fr: Dict = {
   cart: { title: "Votre panier", items: "{{ count }} articles" },
 };
 ```
@@ -179,9 +181,9 @@ export const fr: typeof en = {
   <Tab value="es" label="Spanyol">
 
 ```ts fileName="src/i18n/es.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const es: typeof en = {
+export const es: Dict = {
   cart: { title: "Tu carrito", items: "{{ count }} artículos" },
 };
 ```
@@ -190,10 +192,22 @@ export const es: typeof en = {
   </Tabs>
 
 ```ts fileName="src/i18n/index.ts"
+import { createSignal } from "solid-js";
 import * as i18n from "@solid-primitives/i18n";
 import { en } from "./en";
+import { fr } from "./fr";
+import { es } from "./es";
+
+export type Locale = "en" | "fr" | "es";
+
+const dictionaries = {
+  en: i18n.flatten(en),
+  fr: i18n.flatten(fr),
+  es: i18n.flatten(es),
+};
 
-export const dictionary = () => i18n.flatten(en);
+export const [locale, setLocale] = createSignal<Locale>("en");
+export const dictionary = () => dictionaries[locale()];
 export const t = i18n.translator(dictionary, i18n.resolveTemplate);
 ```
 

package/blog/it/how_to_pick_react_i18n_library.md

@@ -345,6 +345,20 @@ Stessa impostazione di `next-intl` senza i binding specifici per Next.js. Le chi
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="Inglese">
+
+```po fileName="src/locales/en/messages.po"
+msgid "Your cart"
+msgstr "Your cart"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# item} other {# items}}"
+```
+
+  </Tab>
+  <Tab value="fr" label="Francese">
+
 ```po fileName="src/locales/fr/messages.po"
 msgid "Your cart"
 msgstr "Votre panier"
@@ -353,6 +367,20 @@ msgid "{count, plural, one {# item} other {# items}}"
 msgstr "{count, plural, one {# article} other {# articles}}"
 ```
 
+  </Tab>
+  <Tab value="es" label="Spagnolo">
+
+```po fileName="src/locales/es/messages.po"
+msgid "Your cart"
+msgstr "Tu carrito"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# artículo} other {# artículos}}"
+```
+
+  </Tab>
+  </Tabs>
+
 ```tsx fileName="src/components/CartSummary.tsx"
 import type { FC } from "react";
 import { Plural, Trans } from "@lingui/react/macro";

package/blog/it/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Lo stesso componente, un riepilogo del carrello con un titolo e un plurale, scri
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="Francese">
 
 ```ts fileName="src/i18n/fr.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const fr: typeof en = {
+export const fr: Dict = {
   cart: { title: "Votre panier", items: "{{ count }} articles" },
 };
 ```
@@ -179,9 +181,9 @@ export const fr: typeof en = {
   <Tab value="es" label="Spagnolo">
 
 ```ts fileName="src/i18n/es.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const es: typeof en = {
+export const es: Dict = {
   cart: { title: "Tu carrito", items: "{{ count }} artículos" },
 };
 ```
@@ -190,10 +192,22 @@ export const es: typeof en = {
   </Tabs>
 
 ```ts fileName="src/i18n/index.ts"
+import { createSignal } from "solid-js";
 import * as i18n from "@solid-primitives/i18n";
 import { en } from "./en";
+import { fr } from "./fr";
+import { es } from "./es";
+
+export type Locale = "en" | "fr" | "es";
+
+const dictionaries = {
+  en: i18n.flatten(en),
+  fr: i18n.flatten(fr),
+  es: i18n.flatten(es),
+};
 
-export const dictionary = () => i18n.flatten(en);
+export const [locale, setLocale] = createSignal<Locale>("en");
+export const dictionary = () => dictionaries[locale()];
 export const t = i18n.translator(dictionary, i18n.resolveTemplate);
 ```
 

package/blog/ja/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Next.jsのバインディングがない点を除けば`next-intl`と同じ構
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="英語">
+
+```po fileName="src/locales/en/messages.po"
+msgid "Your cart"
+msgstr "Your cart"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# item} other {# items}}"
+```
+
+  </Tab>
+  <Tab value="fr" label="フランス語">
+
 ```po fileName="src/locales/fr/messages.po"
 msgid "Your cart"
 msgstr "Votre panier"
@@ -352,6 +366,20 @@ msgid "{count, plural, one {# item} other {# items}}"
 msgstr "{count, plural, one {# article} other {# articles}}"
 ```
 
+  </Tab>
+  <Tab value="es" label="スペイン語">
+
+```po fileName="src/locales/es/messages.po"
+msgid "Your cart"
+msgstr "Tu carrito"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# artículo} other {# artículos}}"
+```
+
+  </Tab>
+  </Tabs>
+
 ```tsx fileName="src/components/CartSummary.tsx"
 import type { FC } from "react";
 import { Plural, Trans } from "@lingui/react/macro";

package/blog/ja/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Paraglideのライブラリサイズがほぼゼロである理由は構造に
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="フランス語">
 
 ```ts fileName="src/i18n/fr.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const fr: typeof en = {
+export const fr: Dict = {
   cart: { title: "Votre panier", items: "{{ count }} articles" },
 };
 ```
@@ -179,9 +181,9 @@ export const fr: typeof en = {
   <Tab value="es" label="スペイン語">
 
 ```ts fileName="src/i18n/es.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const es: typeof en = {
+export const es: Dict = {
   cart: { title: "Tu carrito", items: "{{ count }} artículos" },
 };
 ```
@@ -190,10 +192,22 @@ export const es: typeof en = {
   </Tabs>
 
 ```ts fileName="src/i18n/index.ts"
+import { createSignal } from "solid-js";
 import * as i18n from "@solid-primitives/i18n";
 import { en } from "./en";
+import { fr } from "./fr";
+import { es } from "./es";
+
+export type Locale = "en" | "fr" | "es";
+
+const dictionaries = {
+  en: i18n.flatten(en),
+  fr: i18n.flatten(fr),
+  es: i18n.flatten(es),
+};
 
-export const dictionary = () => i18n.flatten(en);
+export const [locale, setLocale] = createSignal<Locale>("en");
+export const dictionary = () => dictionaries[locale()];
 export const t = i18n.translator(dictionary, i18n.resolveTemplate);
 ```
 

package/blog/ko/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Next.js 바인딩이 제외된 `next-intl`과 동일한 구조입니다. `AppCon
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="영어">
+
+```po fileName="src/locales/en/messages.po"
+msgid "Your cart"
+msgstr "Your cart"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# item} other {# items}}"
+```
+
+  </Tab>
+  <Tab value="fr" label="프랑스어">
+
 ```po fileName="src/locales/fr/messages.po"
 msgid "Your cart"
 msgstr "Votre panier"
@@ -352,6 +366,20 @@ msgid "{count, plural, one {# item} other {# items}}"
 msgstr "{count, plural, one {# article} other {# articles}}"
 ```
 
+  </Tab>
+  <Tab value="es" label="스페인어">
+
+```po fileName="src/locales/es/messages.po"
+msgid "Your cart"
+msgstr "Tu carrito"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# artículo} other {# artículos}}"
+```
+
+  </Tab>
+  </Tabs>
+
 ```tsx fileName="src/components/CartSummary.tsx"
 import type { FC } from "react";
 import { Plural, Trans } from "@lingui/react/macro";

package/blog/ko/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Paraglide의 라이브러리 크기가 거의 0에 가까운 것은 구조적
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="프랑스어">
 
 ```ts fileName="src/i18n/fr.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const fr: typeof en = {
+export const fr: Dict = {
   cart: { title: "Votre panier", items: "{{ count }} articles" },
 };
 ```
@@ -179,9 +181,9 @@ export const fr: typeof en = {
   <Tab value="es" label="스페인어">
 
 ```ts fileName="src/i18n/es.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const es: typeof en = {
+export const es: Dict = {
   cart: { title: "Tu carrito", items: "{{ count }} artículos" },
 };
 ```
@@ -190,10 +192,22 @@ export const es: typeof en = {
   </Tabs>
 
 ```ts fileName="src/i18n/index.ts"
+import { createSignal } from "solid-js";
 import * as i18n from "@solid-primitives/i18n";
 import { en } from "./en";
+import { fr } from "./fr";
+import { es } from "./es";
+
+export type Locale = "en" | "fr" | "es";
+
+const dictionaries = {
+  en: i18n.flatten(en),
+  fr: i18n.flatten(fr),
+  es: i18n.flatten(es),
+};
 
-export const dictionary = () => i18n.flatten(en);
+export const [locale, setLocale] = createSignal<Locale>("en");
+export const dictionary = () => dictionaries[locale()];
 export const t = i18n.translator(dictionary, i18n.resolveTemplate);
 ```
 

package/blog/pl/how_to_pick_react_i18n_library.md

@@ -345,6 +345,20 @@ Taka sama struktura jak w `next-intl` bez powiązań z Next.js. Klucze są typow
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="Angielski">
+
+```po fileName="src/locales/en/messages.po"
+msgid "Your cart"
+msgstr "Your cart"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# item} other {# items}}"
+```
+
+  </Tab>
+  <Tab value="fr" label="Francuski">
+
 ```po fileName="src/locales/fr/messages.po"
 msgid "Your cart"
 msgstr "Votre panier"
@@ -353,6 +367,20 @@ msgid "{count, plural, one {# item} other {# items}}"
 msgstr "{count, plural, one {# article} other {# articles}}"
 ```
 
+  </Tab>
+  <Tab value="es" label="Hiszpański">
+
+```po fileName="src/locales/es/messages.po"
+msgid "Your cart"
+msgstr "Tu carrito"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# artículo} other {# artículos}}"
+```
+
+  </Tab>
+  </Tabs>
+
 ```tsx fileName="src/components/CartSummary.tsx"
 import type { FC } from "react";
 import { Plural, Trans } from "@lingui/react/macro";

package/blog/pl/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Ten sam komponent, podsumowanie koszyka z tytułem i liczbą mnogą, napisany pr
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="Francuski">
 
 ```ts fileName="src/i18n/fr.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const fr: typeof en = {
+export const fr: Dict = {
   cart: { title: "Votre panier", items: "{{ count }} articles" },
 };
 ```
@@ -179,9 +181,9 @@ export const fr: typeof en = {
   <Tab value="es" label="Hiszpański">
 
 ```ts fileName="src/i18n/es.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const es: typeof en = {
+export const es: Dict = {
   cart: { title: "Tu carrito", items: "{{ count }} artículos" },
 };
 ```
@@ -190,10 +192,22 @@ export const es: typeof en = {
   </Tabs>
 
 ```ts fileName="src/i18n/index.ts"
+import { createSignal } from "solid-js";
 import * as i18n from "@solid-primitives/i18n";
 import { en } from "./en";
+import { fr } from "./fr";
+import { es } from "./es";
+
+export type Locale = "en" | "fr" | "es";
+
+const dictionaries = {
+  en: i18n.flatten(en),
+  fr: i18n.flatten(fr),
+  es: i18n.flatten(es),
+};
 
-export const dictionary = () => i18n.flatten(en);
+export const [locale, setLocale] = createSignal<Locale>("en");
+export const dictionary = () => dictionaries[locale()];
 export const t = i18n.translator(dictionary, i18n.resolveTemplate);
 ```
 

package/blog/pt/how_to_pick_react_i18n_library.md

@@ -345,6 +345,20 @@ Mesmo formato do `next-intl` sem os bindings do Next.js. Chaves são tipadas dep
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="Inglês">
+
+```po fileName="src/locales/en/messages.po"
+msgid "Your cart"
+msgstr "Your cart"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# item} other {# items}}"
+```
+
+  </Tab>
+  <Tab value="fr" label="Francês">
+
 ```po fileName="src/locales/fr/messages.po"
 msgid "Your cart"
 msgstr "Votre panier"
@@ -353,6 +367,20 @@ msgid "{count, plural, one {# item} other {# items}}"
 msgstr "{count, plural, one {# article} other {# articles}}"
 ```
 
+  </Tab>
+  <Tab value="es" label="Espanhol">
+
+```po fileName="src/locales/es/messages.po"
+msgid "Your cart"
+msgstr "Tu carrito"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# artículo} other {# artículos}}"
+```
+
+  </Tab>
+  </Tabs>
+
 ```tsx fileName="src/components/CartSummary.tsx"
 import type { FC } from "react";
 import { Plural, Trans } from "@lingui/react/macro";

package/blog/pt/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ O mesmo componente, um resumo de carrinho com título e plural, escrito com cada
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="Francês">
 
 ```ts fileName="src/i18n/fr.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const fr: typeof en = {
+export const fr: Dict = {
   cart: { title: "Votre panier", items: "{{ count }} articles" },
 };
 ```
@@ -179,9 +181,9 @@ export const fr: typeof en = {
   <Tab value="es" label="Espanhol">
 
 ```ts fileName="src/i18n/es.ts"
-import type { en } from "./en";
+import type { Dict } from "./en";
 
-export const es: typeof en = {
+export const es: Dict = {
   cart: { title: "Tu carrito", items: "{{ count }} artículos" },
 };
 ```
@@ -190,10 +192,22 @@ export const es: typeof en = {
   </Tabs>
 
 ```ts fileName="src/i18n/index.ts"
+import { createSignal } from "solid-js";
 import * as i18n from "@solid-primitives/i18n";
 import { en } from "./en";
+import { fr } from "./fr";
+import { es } from "./es";
+
+export type Locale = "en" | "fr" | "es";
+
+const dictionaries = {
+  en: i18n.flatten(en),
+  fr: i18n.flatten(fr),
+  es: i18n.flatten(es),
+};
 
-export const dictionary = () => i18n.flatten(en);
+export const [locale, setLocale] = createSignal<Locale>("en");
+export const dictionary = () => dictionaries[locale()];
 export const t = i18n.translator(dictionary, i18n.resolveTemplate);
 ```
 

package/blog/ru/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ export const CartSummary: FC<{ count: number }> = ({ count }) => {
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="Английский">
+
+```po fileName="src/locales/en/messages.po"
+msgid "Your cart"
+msgstr "Your cart"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# item} other {# items}}"
+```
+
+  </Tab>
+  <Tab value="fr" label="Французский">
+
 ```po fileName="src/locales/fr/messages.po"
 msgid "Your cart"
 msgstr "Votre panier"
@@ -352,6 +366,20 @@ msgid "{count, plural, one {# item} other {# items}}"
 msgstr "{count, plural, one {# article} other {# articles}}"
 ```
 
+  </Tab>
+  <Tab value="es" label="Испанский">
+
+```po fileName="src/locales/es/messages.po"
+msgid "Your cart"
+msgstr "Tu carrito"
+
+msgid "{count, plural, one {# item} other {# items}}"
+msgstr "{count, plural, one {# artículo} other {# artículos}}"
+```
+
+  </Tab>
+  </Tabs>
+
 ```tsx fileName="src/components/CartSummary.tsx"
 import type { FC } from "react";
 import { Plural, Trans } from "@lingui/react/macro";