@intlayer/docs 9.5.4 → 9.5.5

package/README.md

@@ -188,7 +188,8 @@ Explore our comprehensive documentation to get started with Intlayer and learn h
   <li><a href="https://intlayer.org/doc/environment/create-react-app" rel=''>React CRA</a></li>
   <li><a href="https://intlayer.org/doc/environment/vite-and-react" rel=''>Vite + React</a></li>
   <li><a href="https://intlayer.org/doc/environment/vite-and-react" rel=''>Vite + React using Compiler</a></li>
-  <li><a href="https://intlayer.org/doc/environment/vite-and-react/compiler" rel=''>React-router-v7</a></li>
+  <li><a href="https://intlayer.org/doc/environment/vite-and-react/react-router-v7" rel=''>React-router-v7</a></li>
+  <li><a href="https://intlayer.org/doc/environment/remix-3" rel=''>Remix 3</a></li>
   <li><a href="https://intlayer.org/doc/environment/tanstack-start" rel=''>Tanstack start</a>
     <ul>
       <li><a href="https://intlayer.org/doc/environment/tanstack-start/solid" rel=''>Solid</a></li>

package/blog/ar/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";

package/blog/ar/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ author: aymericzip
 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/de/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Gleiche Struktur wie `next-intl`, jedoch ohne Next.js-Bindings. Schlüssel sind
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="Englisch">
+
+```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="Französisch">
+
 ```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="Spanisch">
+
+```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/de/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Die gleiche Komponente, eine Warenkorb-Übersicht mit Titel und Pluralform, umge
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="Französisch">
 
 ```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="Spanisch">
 
 ```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/en/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Same shape as `next-intl` without the Next.js bindings. Keys are typed once you
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="English">
+
+```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="French">
+
 ```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="Spanish">
+
+```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/en/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ The same component, a cart summary with a title and a plural, written with each
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="French">
 
 ```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="Spanish">
 
 ```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/en-GB/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Same shape as `next-intl` without the Next.js bindings. Keys are typed once you
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="English">
+
+```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="French">
+
 ```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="Spanish">
+
+```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/en-GB/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ The same component, a cart summary with a title and a plural, written with each
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="French">
 
 ```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="Spanish">
 
 ```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/es/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Misma estructura que `next-intl` sin los bindings de Next.js. Las claves están
   </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"
@@ -352,6 +366,20 @@ msgid "{count, plural, one {# item} other {# items}}"
 msgstr "{count, plural, one {# article} other {# articles}}"
 ```
 
+  </Tab>
+  <Tab value="es" label="Español">
+
+```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/es/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ El mismo componente, un resumen de carrito con un título y un plural, escrito c
 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="Español">
 
 ```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/fr/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Même structure que `next-intl` sans les liaisons spécifiques à Next.js. Les c
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="Anglais">
+
+```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="Français">
+
 ```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="Espagnol">
+
+```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/fr/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Le même composant, un récapitulatif de panier avec un titre et un pluriel, éc
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="Français">
 
 ```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="Espagnol">
 
 ```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/hi/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";