@intlayer/docs 9.5.4-canary.0 → 9.5.5

package/blog/ru/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/tr/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Next.js binding'leri olmadan `next-intl` ile aynı yapı. `AppConfig` mesaj tipi
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="İngilizce">
+
+```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="Fransızca">
+
 ```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="İspanyolca">
+
+```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/tr/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Her adayla yazılmış aynı bileşen: başlık ve çoğul içeren bir sepet öz
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="Fransızca">
 
 ```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="İspanyolca">
 
 ```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/uk/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/uk/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Scoped контент, скомпільований під час збірки.
 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/vi/how_to_pick_react_i18n_library.md

@@ -344,6 +344,20 @@ Cấu trúc tương tự như `next-intl` nhưng không có các binding của N
   </Tab>
   <Tab label="Lingui" value="lingui">
 
+  <Tabs group="locale">
+  <Tab value="en" label="Tiếng Anh">
+
+```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="Tiếng Pháp">
+
 ```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="Tiếng Tây Ban Nha">
+
+```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/vi/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Cùng một component, bản tóm tắt giỏ hàng gồm tiêu đề và dạng
 export const en = {
   cart: { title: "Your cart", items: "{{ count }} items" },
 };
+
+export type Dict = typeof en;
 ```
 
   </Tab>
   <Tab value="fr" label="Tiếng Pháp">
 
 ```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="Tiếng Tây Ban Nha">
 
 ```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/zh/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/zh/how_to_pick_solid_i18n_library.md

@@ -162,15 +162,17 @@ Locale 必须在服务端从 URL 中获取，以确保双端一致；在客户
 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);
 ```