@intlayer/docs 5.7.4 → 5.7.6-canary.0

package/docs/fr/intlayer_with_vite+preact.md

@@ -13,7 +13,7 @@ keywords:
 slugs:
   - doc
   - environment
-  - vite-and-
+  - vite-and-preact
 applicationTemplate: https://github.com/aymericzip/intlayer-vite-preact-template
 ---
 

package/docs/fr/packages/react-intlayer/useI18n.md

@@ -0,0 +1,250 @@
+---
+createdAt: 2024-08-11
+updatedAt: 2025-06-29
+title: Documentation du Hook useI18n | react-intlayer
+description: Apprenez à utiliser le hook useI18n dans le package react-intlayer
+keywords:
+  - useI18n
+  - i18n
+  - traduction
+  - dictionnaire
+  - Intlayer
+  - internationalisation
+  - documentation
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - react-intlayer
+  - useI18n
+---
+
+# Intégration React : Documentation du Hook `useI18n`
+
+Cette section fournit des instructions détaillées sur la manière d’utiliser le hook `useI18n` dans les applications React, permettant une localisation efficace du contenu.
+
+## Importer `useI18n` dans React
+
+Le hook `useI18n` peut être importé et intégré dans les applications React selon le contexte comme suit :
+
+- **Composants Client :**
+
+  ```typescript codeFormat="typescript"
+  import { useI18n } from "react-intlayer"; // Utiliser dans les composants React côté client
+  ```
+
+  ```javascript codeFormat="esm"
+  import { useI18n } from "react-intlayer"; // Utiliser dans les composants React côté client
+  ```
+
+  ```javascript codeFormat="commonjs"
+  const { useI18n } = require("react-intlayer"); // Utiliser dans les composants React côté client
+  ```
+
+- **Composants Serveur :**
+
+  ```typescript codeFormat="commonjs"
+  import { useI18n } from "react-intlayer/server"; // Utiliser dans les composants React côté serveur
+  ```
+
+  ```javascript codeFormat="esm"
+  import { useI18n } from "react-intlayer/server"; // Utiliser dans les composants React côté serveur
+  ```
+
+  ```javascript codeFormat="commonjs"
+  const { useI18n } = require("react-intlayer/server"); // Utiliser dans les composants React côté serveur
+  ```
+
+## Paramètres
+
+Ce hook accepte deux paramètres :
+
+1. **`namespace`** : Un espace de noms de dictionnaire pour délimiter les clés de traduction.
+2. **`locale`** (optionnel) : La locale souhaitée. Si elle n'est pas spécifiée, la locale du contexte sera utilisée par défaut.
+
+## Dictionnaire
+
+Toutes les clés du dictionnaire doivent être déclarées dans des fichiers de déclaration de contenu afin d'améliorer la sécurité des types et d'éviter les erreurs. [Les instructions de configuration sont disponibles ici](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/dictionary/get_started.md).
+
+## Exemples d'utilisation dans React
+
+Exemples d'utilisation du hook `useI18n` dans des composants React :
+
+```tsx fileName="src/App.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { ClientComponentExample, ServerComponentExample } from "@components";
+import { IntlayerProvider } from "react-intlayer";
+import { useI18n, IntlayerServerProvider } from "react-intlayer/server";
+import { Locales } from "intlayer";
+
+const App: FC<{ locale: Locales }> = ({ locale }) => {
+  const t = useI18n("home-page", locale);
+
+  return (
+    <>
+      <p>{t("introduction")}</p>
+      <IntlayerProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerProvider>
+      <IntlayerServerProvider locale={locale}>
+        <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+```
+
+```jsx fileName="src/app.jsx" codeFormat="esm"
+import { ClientComponentExample, ServerComponentExample } from "@components";
+import { IntlayerProvider } from "react-intlayer";
+import { IntlayerServerProvider, useI18n } from "react-intlayer/server";
+
+const App = ({ locale }) => {
+  const t = useI18n("home-page", locale);
+
+  return (
+    <>
+      <p>{t("introduction")}</p>
+      <IntlayerProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerProvider>
+      <IntlayerServerProvider locale={locale}>
+        <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+```
+
+```jsx fileName="src/app.cjs" codeFormat="commonjs"
+const { IntlayerProvider } = require("react-intlayer");
+const { IntlayerServerProvider, useI18n } = require("react-intlayer/server");
+
+const App = ({ locale }) => {
+  const t = useI18n("home-page", locale);
+
+  return (
+    <>
+      <p>{t("introduction")}</p>
+      <IntlayerProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerProvider>
+      <IntlayerServerProvider locale={locale}>
+        <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+```
+
+```tsx fileName="src/components/ComponentExample.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useI18n } from "react-intlayer";
+
+const ComponentExample: FC = () => {
+  const t = useI18n("component-example");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* Affiche le titre */}
+      <p>{t("description")}</p> {/* Affiche la description */}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.jsx" codeFormat="esm"
+import { useI18n } from "react-intlayer";
+
+const ComponentExample = () => {
+  const t = useI18n("component-example");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* Affiche le titre */}
+      <p>{t("description")}</p> {/* Affiche la description */}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.cjs" codeFormat="commonjs"
+const { useI18n } = require("react-intlayer");
+
+const ComponentExample = () => {
+  const t = useI18n("component-example");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* Affiche le titre */}
+      <p>{t("description")}</p> {/* Affiche la description */}
+    </div>
+  );
+};
+```
+
+```tsx fileName="src/components/ServerComponentExample.tsx" codeFormat="typescript"
+import { useI18n } from "react-intlayer/server";
+
+const ServerComponentExample = () => {
+  const t = useI18n("server-component");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* Affiche le titre */}
+      <p>{t("description")}</p> {/* Affiche la description */}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ServerComponentExample.jsx" codeFormat="esm"
+import { useI18n } from "react-intlayer/server";
+
+const ServerComponentExample = () => {
+  const t = useI18n("server-component");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* Affiche le titre */}
+      <p>{t("description")}</p> {/* Affiche la description */}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ServerComponentExample.cjs" codeFormat="commonjs"
+const { useI18n } = require("react-intlayer/server");
+
+const ServerComponentExample = () => {
+  const t = useI18n("server-component");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1>
+      <p>{t("description")}</p>
+    </div>
+  );
+};
+```
+
+## Gestion des attributs
+
+Lors de la localisation des attributs, accédez aux valeurs de traduction de manière appropriée :
+
+```jsx
+<!-- Pour les attributs d'accessibilité (par exemple, aria-label), utilisez .value car des chaînes pures sont requises -->
+<button aria-label={t("button.ariaLabel").value}>{t("button.text")}</button>
+```
+
+## Ressources supplémentaires
+
+- **Éditeur visuel Intlayer** : Pour une expérience de gestion de contenu plus intuitive, consultez la documentation de l'éditeur visuel [ici](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_visual_editor.md).
+
+Cette section couvre spécifiquement l'intégration du hook `useI18n` dans les applications React, simplifiant le processus de localisation et garantissant la cohérence du contenu à travers différentes locales.
+
+## Historique de la documentation
+
+- 6.0.0 - 29-06-2025 : Rédaction initiale de la documentation du hook `useI18n`

package/docs/hi/configuration.md

@@ -270,10 +270,12 @@ module.exports = config;
 - **prefixDefault**:
 
   - _प्रकार_: `boolean`
-  - _डिफ़ॉल्ट_: `true`
+  - _डिफ़ॉल्ट_: `false`
   - _विवरण_: क्या URL में डिफ़ॉल्ट लोकेल शामिल करना है।
-  - _उदाहरण_: `false`
-  - _नोट_: यदि `false`, तो डिफ़ॉल्ट लोकेल के लिए URL में लोकेल प्रीफ़िक्स नहीं होगा।
+  - _उदाहरण_: `true`
+  - _नोट_:
+    - यदि `true` और `defaultLocale = 'en'`: path = `/en/dashboard` या `/fr/dashboard`
+    - यदि `false` और `defaultLocale = 'en'`: path = `/dashboard` या `/fr/dashboard`
 
 - **basePath**:
 
@@ -281,7 +283,11 @@ module.exports = config;
   - _डिफ़ॉल्ट_: `''`
   - _विवरण_: एप्लिकेशन URL के लिए बेस पथ।
   - _उदाहरण_: `'/my-app'`
-  - _नोट_: यह एप्लिकेशन के लिए URL कैसे बनाए जाते हैं, इसे प्रभावित करता है।
+  - _नोट_:
+    - यदि एप्लिकेशन `https://example.com/my-app` पर होस्ट की गई है
+    - बेस पथ `'/my-app'` है
+    - URL `https://example.com/my-app/en` होगा
+    - यदि बेस पथ सेट नहीं है, तो URL `https://example.com/en` होगा
 
 - **serverSetCookie**:
 
@@ -293,11 +299,42 @@ module.exports = config;
   - _नोट_: नियंत्रित करता है कि लोकेल कुकी हर अनुरोध पर सेट की जाए या कभी नहीं।
 
 - **noPrefix**:
+
   - _प्रकार_: `boolean`
   - _डिफ़ॉल्ट_: `false`
   - _विवरण_: क्या URL से लोकेल प्रीफ़िक्स हटाना है।
   - _उदाहरण_: `true`
-  - _नोट_: यदि `true`, तो URL में लोकेल जानकारी शामिल नहीं होगी।
+  - _नोट_:
+    - यदि `true`: URL में कोई प्रीफ़िक्स नहीं
+    - यदि `false`: URL में प्रीफ़िक्स है
+    - `basePath = '/my-app'` के साथ उदाहरण:
+      - यदि `noPrefix = false`: URL `https://example.com/my-app/en` होगा
+      - यदि `noPrefix = true`: URL `https://example.com` होगा
+
+- **detectLocaleOnPrefetchNoPrefix**:
+
+  - _प्रकार_: `boolean`
+  - _डिफ़ॉल्ट_: `false`
+  - _विवरण_: नियंत्रित करता है कि Next.js प्रीफ़ेच अनुरोधों के दौरान लोकेल पता लगाना होता है या नहीं।
+  - _उदाहरण_: `true`
+  - _नोट_: यह सेटिंग प्रभावित करती है कि Next.js लोकेल प्रीफ़ेचिंग को कैसे संभालता है:
+    - **उदाहरण परिदृश्य:**
+      - उपयोगकर्ता का ब्राउज़र भाषा `'fr'` है
+      - वर्तमान पृष्ठ `/fr/about` है
+      - लिंक प्रीफ़ेच करता है `/about`
+    - **`detectLocaleOnPrefetchNoPrefix: true` के साथ:**
+      - प्रीफ़ेच ब्राउज़र से `'fr'` लोकेल का पता लगाता है
+      - प्रीफ़ेच को `/fr/about` पर रीडायरेक्ट करता है
+    - **`detectLocaleOnPrefetchNoPrefix: false` (डिफ़ॉल्ट) के साथ:**
+      - प्रीफ़ेच डिफ़ॉल्ट लोकेल का उपयोग करता है
+      - प्रीफ़ेच को `/en/about` पर रीडायरेक्ट करता है (यह मानते हुए कि `'en'` डिफ़ॉल्ट है)
+    - **कब `true` का उपयोग करें:**
+      - आपका ऐप गैर-स्थानीयकृत आंतरिक लिंक का उपयोग करता है (जैसे `<a href="/about">`)
+      - आप सामान्य और प्रीफ़ेच अनुरोधों के बीच सुसंगत लोकेल पता लगाने का व्यवहार चाहते हैं
+    - **कब `false` (डिफ़ॉल्ट) का उपयोग करें:**
+      - आपका ऐप लोकेल-प्रीफ़िक्स वाले लिंक का उपयोग करता है (जैसे `<a href="/fr/about">`)
+      - आप प्रीफ़ेचिंग प्रदर्शन को अनुकूलित करना चाहते हैं
+      - आप संभावित रीडायरेक्ट लूप से बचना चाहते हैं
 
 ---
 

package/docs/hi/dictionary/enumeration.md

@@ -15,8 +15,6 @@ slugs:
   - doc
   - concept
   - content
-  - hi
-  - dictionary
   - enumeration
 ---
 

package/docs/hi/packages/react-intlayer/useI18n.md

@@ -0,0 +1,259 @@
+---
+createdAt: 2024-08-11
+updatedAt: 2025-06-29
+title: useI18n हुक दस्तावेज़ | react-intlayer
+description: react-intlayer पैकेज में useI18n हुक का उपयोग कैसे करें, जानें
+keywords:
+  - useI18n
+  - i18n
+  - अनुवाद
+  - शब्दकोश
+  - Intlayer
+  - अंतरराष्ट्रीयकरण
+  - दस्तावेज़ीकरण
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - react-intlayer
+  - useI18n
+---
+
+# React एकीकरण: `useI18n` हुक दस्तावेज़
+
+यह अनुभाग React अनुप्रयोगों के भीतर `useI18n` हुक का उपयोग कैसे करें, इस पर विस्तृत मार्गदर्शन प्रदान करता है, जिससे कुशल सामग्री स्थानीयकरण सक्षम होता है।
+
+## React में `useI18n` आयात करना
+
+`useI18n` हुक को संदर्भ के अनुसार React अनुप्रयोगों में निम्नलिखित तरीके से आयात और एकीकृत किया जा सकता है:
+
+- **क्लाइंट कंपोनेंट्स:**
+
+  ```typescript codeFormat="typescript"
+  import { useI18n } from "react-intlayer"; // क्लाइंट-साइड React कंपोनेंट्स में उपयोग करें
+  ```
+
+  ```javascript codeFormat="esm"
+  import { useI18n } from "react-intlayer"; // क्लाइंट-साइड React कंपोनेंट्स में उपयोग करें
+  ```
+
+  ```javascript codeFormat="commonjs"
+  const { useI18n } = require("react-intlayer"); // क्लाइंट-साइड React कंपोनेंट्स में उपयोग करें
+  ```
+
+- **सर्वर कंपोनेंट्स:**
+
+  ```typescript codeFormat="commonjs"
+  import { useI18n } from "react-intlayer/server"; // सर्वर-साइड React कंपोनेंट्स में उपयोग करें
+  ```
+
+  ```javascript codeFormat="esm"
+  import { useI18n } from "react-intlayer/server"; // सर्वर-साइड React कंपोनेंट्स में उपयोग करें
+  ```
+
+  ```javascript codeFormat="commonjs"
+  const { useI18n } = require("react-intlayer/server"); // सर्वर-साइड React कंपोनेंट्स में उपयोग करें
+  ```
+
+## पैरामीटर
+
+यह हुक दो पैरामीटर स्वीकार करता है:
+
+1. **`namespace`**: अनुवाद कुंजियों के स्कोप के लिए एक शब्दकोश नामस्थान।
+2. **`locale`** (वैकल्पिक): इच्छित लोकल। यदि निर्दिष्ट नहीं किया गया है, तो संदर्भ का लोकल डिफ़ॉल्ट के रूप में उपयोग किया जाएगा।
+
+## शब्दकोश
+
+सभी शब्दकोश कुंजियाँ सामग्री घोषणा फ़ाइलों के भीतर घोषित की जानी चाहिए ताकि प्रकार सुरक्षा बढ़े और त्रुटियों से बचा जा सके। [कॉन्फ़िगरेशन निर्देश यहाँ पाए जा सकते हैं](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/get_started.md)।
+
+## React में उपयोग के उदाहरण
+
+React कंपोनेंट्स के भीतर `useI18n` हुक का उपयोग करने के उदाहरण:
+
+```tsx fileName="src/App.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { ClientComponentExample, ServerComponentExample } from "@components";
+import { IntlayerProvider } from "react-intlayer";
+import { useI18n, IntlayerServerProvider } from "react-intlayer/server";
+import { Locales } from "intlayer";
+
+const App: FC<{ locale: Locales }> = ({ locale }) => {
+  const t = useI18n("home-page", locale);
+
+  return (
+    <>
+      <p>{t("introduction")}</p>
+      <IntlayerProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerProvider>
+      <IntlayerServerProvider locale={locale}>
+        <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+```
+
+```jsx fileName="src/app.jsx" codeFormat="esm"
+import { ClientComponentExample, ServerComponentExample } from "@components";
+import { IntlayerProvider } from "react-intlayer";
+import { IntlayerServerProvider, useI18n } from "react-intlayer/server";
+
+const App = ({ locale }) => {
+  const t = useI18n("home-page", locale);
+
+  return (
+    <>
+      <p>{t("introduction")}</p>
+      <IntlayerProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerProvider>
+      <IntlayerServerProvider locale={locale}>
+        <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+```
+
+```jsx fileName="src/app.cjs" codeFormat="commonjs"
+const { IntlayerProvider } = require("react-intlayer");
+const { IntlayerServerProvider, useI18n } = require("react-intlayer/server");
+
+const App = ({ locale }) => {
+  const t = useI18n("home-page", locale);
+
+  return (
+    <>
+      <p>{t("introduction")}</p>
+      <IntlayerProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerProvider>
+      <IntlayerServerProvider locale={locale}>
+        <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+         <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+```
+
+```tsx fileName="src/components/ComponentExample.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useI18n } from "react-intlayer";
+
+const ComponentExample: FC = () => {
+  const t = useI18n("component-example");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* शीर्षक दिखाएं */}
+      <p>{t("description")}</p> {/* विवरण दिखाएं */}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.jsx" codeFormat="esm"
+import { useI18n } from "react-intlayer";
+
+const ComponentExample = () => {
+  const t = useI18n("component-example");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* शीर्षक दिखाएं */}
+      <p>{t("description")}</p> {/* विवरण दिखाएं */}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.cjs" codeFormat="commonjs"
+const { useI18n } = require("react-intlayer");
+
+const ComponentExample = () => {
+  const t = useI18n("component-example");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* शीर्षक दिखाएं */}
+      <p>{t("description")}</p> {/* विवरण दिखाएं */}
+    </div>
+  );
+};
+```
+
+```tsx fileName="src/components/ServerComponentExample.tsx" codeFormat="typescript"
+import { useI18n } from "react-intlayer/server";
+
+const ServerComponentExample = () => {
+  const t = useI18n("server-component");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* शीर्षक दिखाएं */}
+      <p>{t("description")}</p> {/* विवरण दिखाएं */}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ServerComponentExample.jsx" codeFormat="esm"
+import { useI18n } from "react-intlayer/server";
+
+const ServerComponentExample = () => {
+  const t = useI18n("server-component");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1> {/* शीर्षक दिखाएं */}
+      <p>{t("description")}</p> {/* विवरण दिखाएं */}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ServerComponentExample.cjs" codeFormat="commonjs"
+const { useI18n } = require("react-intlayer/server");
+
+const ServerComponentExample = () => {
+  const t = useI18n("server-component");
+
+  return (
+    <div>
+      <h1>{t("title")}</h1>
+      <p>{t("description")}</p>
+    </div>
+  );
+};
+```
+
+## एट्रिब्यूट हैंडलिंग
+
+जब एट्रिब्यूट्स का स्थानीयकरण किया जाता है, तो अनुवाद मानों तक उचित रूप से पहुँचें:
+
+```jsx
+<button title={t("buttonTitle.value")}>{t("buttonText")}</button>;
+
+{
+  /* पहुँच योग्यता एट्रिब्यूट्स (जैसे, aria-label) के लिए, .value का उपयोग करें क्योंकि शुद्ध स्ट्रिंग्स आवश्यक हैं */
+}
+<button aria-label={t("button.ariaLabel").value}>{t("button.text")}</button>;
+```
+
+## अतिरिक्त संसाधन
+
+- **Intlayer विज़ुअल एडिटर**: एक अधिक सहज सामग्री प्रबंधन अनुभव के लिए, विज़ुअल एडिटर दस्तावेज़ीकरण [यहाँ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_visual_editor.md) देखें।
+
+यह अनुभाग विशेष रूप से React अनुप्रयोगों में `useI18n` हुक के एकीकरण को कवर करता है, जो स्थानीयकरण प्रक्रिया को सरल बनाता है और विभिन्न स्थानीयताओं में सामग्री की संगति सुनिश्चित करता है।
+
+## प्रलेखन इतिहास
+
+- 6.0.0 - 2025-06-29: `useI18n` हुक प्रलेखन की प्रारंभिक लेखन

package/docs/it/configuration.md

@@ -268,10 +268,12 @@ Impostazioni che controllano il comportamento del middleware, inclusa la gestion
 - **prefixDefault**:
 
   - _Tipo_: `boolean`
-  - _Predefinito_: `true`
+  - _Predefinito_: `false`
   - _Descrizione_: Indica se includere il locale predefinito nell'URL.
-  - _Esempio_: `false`
-  - _Nota_: Se `false`, gli URL per la lingua predefinita non avranno un prefisso di lingua.
+  - _Esempio_: `true`
+  - _Nota_:
+    - Se `true` e `defaultLocale = 'en'`: path = `/en/dashboard` o `/fr/dashboard`
+    - Se `false` e `defaultLocale = 'en'`: path = `/dashboard` o `/fr/dashboard`
 
 - **basePath**:
 
@@ -279,7 +281,11 @@ Impostazioni che controllano il comportamento del middleware, inclusa la gestion
   - _Predefinito_: `''`
   - _Descrizione_: Il percorso base per gli URL dell'applicazione.
   - _Esempio_: `'/my-app'`
-  - _Nota_: Questo influisce su come vengono costruiti gli URL per l'applicazione.
+  - _Nota_:
+    - Se l'applicazione è ospitata su `https://example.com/my-app`
+    - Il percorso base è `'/my-app'`
+    - L'URL sarà `https://example.com/my-app/en`
+    - Se il percorso base non è impostato, l'URL sarà `https://example.com/en`
 
 - **serverSetCookie**:
 
@@ -291,11 +297,42 @@ Impostazioni che controllano il comportamento del middleware, inclusa la gestion
   - _Nota_: Controlla se il cookie della lingua viene impostato su ogni richiesta o mai.
 
 - **noPrefix**:
+
   - _Tipo_: `boolean`
   - _Predefinito_: `false`
   - _Descrizione_: Indica se omettere il prefisso della lingua dagli URL.
   - _Esempio_: `true`
-  - _Nota_: Se `true`, gli URL non conterranno informazioni sulla lingua.
+  - _Nota_:
+    - Se `true`: Nessun prefisso nell'URL
+    - Se `false`: Prefisso nell'URL
+    - Esempio con `basePath = '/my-app'`:
+      - Se `noPrefix = false`: L'URL sarà `https://example.com/my-app/en`
+      - Se `noPrefix = true`: L'URL sarà `https://example.com`
+
+- **detectLocaleOnPrefetchNoPrefix**:
+
+  - _Tipo_: `boolean`
+  - _Predefinito_: `false`
+  - _Descrizione_: Controlla se la rilevazione del locale avviene durante le richieste di prefetch di Next.js.
+  - _Esempio_: `true`
+  - _Nota_: Questa impostazione influisce su come Next.js gestisce il prefetch del locale:
+    - **Scenario di esempio:**
+      - La lingua del browser dell'utente è `'fr'`
+      - La pagina corrente è `/fr/about`
+      - Il link fa prefetch di `/about`
+    - **Con `detectLocaleOnPrefetchNoPrefix: true`:**
+      - Il prefetch rileva il locale `'fr'` dal browser
+      - Reindirizza il prefetch a `/fr/about`
+    - **Con `detectLocaleOnPrefetchNoPrefix: false` (predefinito):**
+      - Il prefetch usa il locale predefinito
+      - Reindirizza il prefetch a `/en/about` (assumendo che `'en'` sia il predefinito)
+    - **Quando usare `true`:**
+      - La tua app usa link interni non localizzati (es. `<a href="/about">`)
+      - Vuoi un comportamento di rilevazione del locale coerente tra richieste normali e di prefetch
+    - **Quando usare `false` (predefinito):**
+      - La tua app usa link con prefisso del locale (es. `<a href="/fr/about">`)
+      - Vuoi ottimizzare le prestazioni del prefetch
+      - Vuoi evitare potenziali loop di reindirizzamento
 
 ---
 

package/docs/it/dictionary/enumeration.md

@@ -15,7 +15,6 @@ slugs:
   - doc
   - concept
   - content
-  - it
   - enumeration
 ---