@intlayer/docs 9.5.4 → 9.5.6

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>
@@ -200,7 +201,6 @@ Explore our comprehensive documentation to get started with Intlayer and learn h
       <li><a href="https://intlayer.org/doc/environment/astro/vue" rel=''>Vue</a></li>
       <li><a href="https://intlayer.org/doc/environment/astro/svelte" rel=''>Svelte</a></li>
       <li><a href="https://intlayer.org/doc/environment/astro/solid" rel=''>Solid</a></li>
-      <li><a href="https://intlayer.org/doc/environment/astro/vanilla" rel=''>Vanilla JS</a></li>
       <li><a href="https://intlayer.org/doc/environment/astro/lit" rel=''>Lit</a></li>
     </ul>
   </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/ar/transform_existing_vite_react_app_using_compiler.md

@@ -283,7 +283,9 @@ const pathList = [
   { path: "/about", changefreq: "monthly", priority: 0.7 },
 ];
 
-const sitemapXml = generateSitemap(pathList, { siteUrl: SITE_URL });
+const sitemapXml = generateSitemap(pathList, {
+  siteUrl: "https://example.com",
+});
 fs.writeFileSync(path.join(__dirname, "public", "sitemap.xml"), sitemapXml);
 
 const getAllMultilingualUrls = (urls) =>
@@ -296,7 +298,7 @@ const robotsTxt = [
   "Allow: /",
   ...disallowedPaths.map((path) => `Disallow: ${path}`),
   "",
-  `Sitemap: ${SITE_URL}/sitemap.xml`,
+  `Sitemap: https://example.com/sitemap.xml`,
 ].join("\n");
 
 fs.writeFileSync(path.join(__dirname, "public", "robots.txt"), robotsTxt);

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/de/transform_existing_vite_react_app_using_compiler.md

@@ -284,7 +284,9 @@ const pathList = [
   { path: "/about", changefreq: "monthly", priority: 0.7 },
 ];
 
-const sitemapXml = generateSitemap(pathList, { siteUrl: SITE_URL });
+const sitemapXml = generateSitemap(pathList, {
+  siteUrl: "https://example.com",
+});
 fs.writeFileSync(path.join(__dirname, "public", "sitemap.xml"), sitemapXml);
 
 const getAllMultilingualUrls = (urls) =>
@@ -297,7 +299,7 @@ const robotsTxt = [
   "Allow: /",
   ...disallowedPaths.map((path) => `Disallow: ${path}`),
   "",
-  `Sitemap: ${SITE_URL}/sitemap.xml`,
+  `Sitemap: https://example.com/sitemap.xml`,
 ].join("\n");
 
 fs.writeFileSync(path.join(__dirname, "public", "robots.txt"), robotsTxt);

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/transform_existing_vite_react_app_using_compiler.md

@@ -282,7 +282,9 @@ const pathList = [
   { path: "/about", changefreq: "monthly", priority: 0.7 },
 ];
 
-const sitemapXml = generateSitemap(pathList, { siteUrl: SITE_URL });
+const sitemapXml = generateSitemap(pathList, {
+  siteUrl: "https://example.com",
+});
 fs.writeFileSync(path.join(__dirname, "public", "sitemap.xml"), sitemapXml);
 
 const getAllMultilingualUrls = (urls) =>
@@ -295,7 +297,7 @@ const robotsTxt = [
   "Allow: /",
   ...disallowedPaths.map((path) => `Disallow: ${path}`),
   "",
-  `Sitemap: ${SITE_URL}/sitemap.xml`,
+  `Sitemap: https://example.com/sitemap.xml`,
 ].join("\n");
 
 fs.writeFileSync(path.join(__dirname, "public", "robots.txt"), robotsTxt);

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/en-GB/transform_existing_vite_react_app_using_compiler.md

@@ -288,7 +288,9 @@ const pathList = [
   { path: "/about", changefreq: "monthly", priority: 0.7 },
 ];
 
-const sitemapXml = generateSitemap(pathList, { siteUrl: SITE_URL });
+const sitemapXml = generateSitemap(pathList, {
+  siteUrl: "https://example.com",
+});
 fs.writeFileSync(path.join(__dirname, "public", "sitemap.xml"), sitemapXml);
 
 const getAllMultilingualUrls = (urls) =>
@@ -301,7 +303,7 @@ const robotsTxt = [
   "Allow: /",
   ...disallowedPaths.map((path) => `Disallow: ${path}`),
   "",
-  `Sitemap: ${SITE_URL}/sitemap.xml`,
+  `Sitemap: https://example.com/sitemap.xml`,
 ].join("\n");
 
 fs.writeFileSync(path.join(__dirname, "public", "robots.txt"), robotsTxt);

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/es/transform_existing_vite_react_app_using_compiler.md

@@ -284,7 +284,9 @@ const pathList = [
   { path: "/about", changefreq: "monthly", priority: 0.7 },
 ];
 
-const sitemapXml = generateSitemap(pathList, { siteUrl: SITE_URL });
+const sitemapXml = generateSitemap(pathList, {
+  siteUrl: "https://example.com",
+});
 fs.writeFileSync(path.join(__dirname, "public", "sitemap.xml"), sitemapXml);
 
 const getAllMultilingualUrls = (urls) =>
@@ -297,7 +299,7 @@ const robotsTxt = [
   "Allow: /",
   ...disallowedPaths.map((path) => `Disallow: ${path}`),
   "",
-  `Sitemap: ${SITE_URL}/sitemap.xml`,
+  `Sitemap: https://example.com/sitemap.xml`,
 ].join("\n");
 
 fs.writeFileSync(path.join(__dirname, "public", "robots.txt"), robotsTxt);

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";