@intlayer/docs 5.5.11 → 5.5.12

package/docs/en/packages/intlayer/getTranslationContent.md

@@ -188,4 +188,6 @@ console.log(customContent.greeting); // Output: "Bonjour"
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/intlayer/index.md

@@ -496,4 +496,6 @@ The `intlayer` package also provides some functions to help you to international
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/intlayer-cli/index.md

@@ -62,4 +62,6 @@ Consult [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/doc
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/intlayer-editor/index.md

@@ -134,4 +134,6 @@ If your content is outlined, you can long-press it to display the edit drawer.
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/lynx-intlayer/index.md

@@ -80,4 +80,6 @@ Intlayer provides a lot of features to help you internationalize your Vite appli
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/next-intlayer/index.md

@@ -283,4 +283,6 @@ The `next-intlayer` package also provides some functions to help you to internat
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/next-intlayer/t.md

@@ -349,4 +349,6 @@ For more detailed usage and advanced features, refer to the [next-intlayer docum
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/next-intlayer/useDictionary.md

@@ -265,4 +265,6 @@ This documentation focuses on the integration of the `useDictionary` hook, provi
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/next-intlayer/useIntlayer.md

@@ -260,4 +260,6 @@ This documentation outlines the use of the `useIntlayer` hook specifically withi
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/next-intlayer/useIntlayerAsync.md

@@ -234,4 +234,6 @@ Instructions for setting up content declaration files are available [here](https
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/next-intlayer/useLocale.md

@@ -128,4 +128,6 @@ The `useLocale` hook from `next-intlayer` is a crucial tool for managing locales
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/nuxt-intlayer/index.md

@@ -50,4 +50,6 @@ pnpm add nuxt-intlayer
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/preact-intlayer/index.md

@@ -50,4 +50,6 @@ pnpm add preact-intlayer
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/react-intlayer/index.md

@@ -277,4 +277,6 @@ The `react-intlayer` package also provides some functions to help you to interna
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/react-intlayer/t.md

@@ -299,4 +299,6 @@ For more detailed usage and advanced features, refer to the [react-intlayer docu
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/react-intlayer/useDictionary.md

@@ -282,4 +282,6 @@ This documentation focuses on the integration of the `useDictionary` hook, provi
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/react-intlayer/useIntlayer.md

@@ -248,4 +248,6 @@ This section specifically targets the integration of the `useIntlayer` hook in R
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/react-intlayer/useIntlayerAsync.md

@@ -249,4 +249,6 @@ Instructions for setting up content declaration files are available [here](https
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/react-intlayer/useLocale.md

@@ -207,4 +207,6 @@ The `useLocale` hook from `react-intlayer` is an essential tool for managing loc
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/react-native-intlayer/index.md

@@ -80,4 +80,6 @@ Intlayer provides a lot of features to help you internationalize your Vite appli
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/react-scripts-intlayer/index.md

@@ -77,4 +77,6 @@ Intlayer provides a lot of features to help you internationalize your React appl
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/solid-intlayer/index.md

@@ -51,4 +51,6 @@ pnpm add solid-intlayer
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/svelte-intlayer/index.md

@@ -50,4 +50,6 @@ pnpm add svelte-intlayer
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/vite-intlayer/index.md

@@ -73,4 +73,6 @@ Intlayer provides a lot of features to help you internationalize your Vite appli
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/packages/vue-intlayer/index.md

@@ -50,4 +50,6 @@ pnpm add vue-intlayer
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/per_locale_file.md

@@ -316,4 +316,6 @@ Use the [intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/doc
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en/roadmap.md

@@ -333,5 +333,8 @@ Stay tuned for upcoming releases, and feel free to explore the existing features
 
 ## Doc History
 
-- 5.5.10 - 2025-06-30: Add Preact and Nuxt support, MCP Server, update CLI
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes                                             |
+| ------- | ---------- | --------------------------------------------------- |
+| 5.5.10  | 2025-06-30 | Add Preact and Nuxt support, MCP Server, update CLI |
+| 5.5.11  | 2025-06-29 | Add `docs` commands                                 |
+| 5.5.10  | 2025-06-29 | Init history                                        |

package/docs/en/vs_code_extension.md

@@ -149,4 +149,6 @@ Intlayer is released under the **MIT License**.
 
 ## Doc History
 
-- 5.5.10 - 2025-06-29: Init history
+| Version | Date       | Changes      |
+| ------- | ---------- | ------------ |
+| 5.5.10  | 2025-06-29 | Init history |

package/docs/en-GB/intlayer_with_vite+react.md

@@ -1,20 +1,20 @@
 ---
-createdAt: 2025-03-07
-updatedAt: 2025-06-29
-title: Translate your React Native and Expo mobile app (i18n)
-description: Discover how to make your React Native and Expo mobile app multilingual. Follow the documentation to internationalise (i18n) and translate it.
+createdAt: 2024-03-07
+updatedAt: 2024-03-07
+title: Getting Started with Intlayer in Vite + React
+description: Learn how to add internationalisation (i18n) to your Vite and React application using Intlayer. Follow this guide to make your app multilingual.
 keywords:
   - Internationalisation
   - Documentation
   - Intlayer
   - Vite
   - React
-  - React Native
+  - i18n
   - JavaScript
 slugs:
   - doc
   - environment
-  - react-native-and-expo
+  - vite-and-react
 ---
 
 # Getting Started Internationalising (i18n) with Intlayer and Vite and React
@@ -242,13 +242,13 @@ const appContent = {
   key: "app",
   content: {
     viteLogo: t({
-      "en-GB": "Vite logo",
+      'en-GB': "Vite logo",
       en: "Vite logo",
       fr: "Logo Vite",
       es: "Logo Vite",
     }),
     reactLogo: t({
-      "en-GB": "React logo",
+      'en-GB': "React logo",
       en: "React logo",
       fr: "Logo React",
       es: "Logo React",
@@ -257,19 +257,24 @@ const appContent = {
     title: "Vite + React",
 
     count: t({
-      "en-GB": "count is ",
+      'en-GB': "count is ",
       en: "count is ",
       fr: "le compte est ",
       es: "el recuento es ",
     }),
 
-    edit:
-      t <
-      ReactNode >
-      {
-        // Remember to import React if you use a React node in your content
-        "en-GB": (
-          <>
+    edit: t<ReactNode>({
+      // Remember to import React if you use a React node in your content
+      'en-GB': (
+        <>
+          Edit <code>src/App.tsx</code> and save to test HMR
+        </>
+      ),
+      en: (
+        <>
+          Edit <code>src/App.tsx</code> and save to test HMR
+        </>
+      ),
             Edit <code>src/App.tsx</code> and save to test HMR
           </>
         ),
@@ -286,7 +291,7 @@ const appContent = {
       },
 
     readTheDocs: t({
-      "en-GB": "Click on the Vite and React logos to learn more",
+      'en-GB': "Click on the Vite and React logos to learn more",
       en: "Click on the Vite and React logos to learn more",
       fr: "Cliquez sur les logos Vite et React pour en savoir plus",
       es: "Haga clic en los logotipos de Vite y React para obtener más información",
@@ -306,11 +311,13 @@ const appContent = {
   content: {
     viteLogo: t({
       "en-GB": "Vite logo",
+      en: "Vite logo",
       fr: "Logo Vite",
       es: "Logo Vite",
     }),
     reactLogo: t({
       "en-GB": "React logo",
+      en: "React logo",
       fr: "Logo React",
       es: "Logo React",
     }),
@@ -319,6 +326,7 @@ const appContent = {
 
     count: t({
       "en-GB": "count is ",
+      en: "count is ",
       fr: "le compte est ",
       es: "el recuento es ",
     }),
@@ -333,6 +341,11 @@ const appContent = {
             Edit <code>src/App.tsx</code> and save to test HMR
           </>
         ),
+        en: (
+          <>
+            Edit <code>src/App.tsx</code> and save to test HMR
+          </>
+        ),
         fr: (
           <>
             Éditez <code>src/App.tsx</code> et enregistrez pour tester HMR
@@ -347,6 +360,7 @@ const appContent = {
 
     readTheDocs: t({
       "en-GB": "Click on the Vite and React logos to learn more",
+      en: "Click on the Vite and React logos to learn more",
       fr: "Cliquez sur les logos Vite et React pour en savoir plus",
       es: "Haga clic en los logotipos de Vite y React para obtener más información",
     }),
@@ -365,6 +379,7 @@ module.exports = appContent;
       "nodeType": "translation",
       "translation": {
         "en-GB": "Vite logo",
+        "en": "Vite logo",
         "fr": "Logo Vite",
         "es": "Logo Vite"
       }
@@ -373,6 +388,7 @@ module.exports = appContent;
       "nodeType": "translation",
       "translation": {
         "en-GB": "React logo",
+        "en": "React logo",
         "fr": "Logo React",
         "es": "Logo React"
       }
@@ -381,6 +397,7 @@ module.exports = appContent;
       "nodeType": "translation",
       "translation": {
         "en-GB": "Vite + React",
+        "en": "Vite + React",
         "fr": "Vite + React",
         "es": "Vite + React"
       }
@@ -389,6 +406,7 @@ module.exports = appContent;
       "nodeType": "translation",
       "translation": {
         "en-GB": "count is ",
+        "en": "count is ",
         "fr": "le compte est ",
         "es": "el recuento es "
       }
@@ -397,6 +415,7 @@ module.exports = appContent;
       "nodeType": "translation",
       "translation": {
         "en-GB": "Edit src/App.tsx and save to test HMR",
+        "en": "Edit src/App.tsx and save to test HMR",
         "fr": "Éditez src/App.tsx et enregistrez pour tester HMR",
         "es": "Edita src/App.tsx y guarda para probar HMR"
       }
@@ -405,6 +424,7 @@ module.exports = appContent;
       "nodeType": "translation",
       "translation": {
         "en-GB": "Click on the Vite and React logos to learn more",
+        "en": "Click on the Vite and React logos to learn more",
         "fr": "Cliquez sur les logos Vite et React pour en savoir plus",
         "es": "Haga clic en los logotipos de Vite y React para obtener más información"
       }
@@ -413,7 +433,7 @@ module.exports = appContent;
 }
 ```
 
-> Your content declarations can be defined anywhere in your application as soon as they are included into the `contentDir` directory (by default, `./src`). And match the content declaration file extension (by default, `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`).
+> Your content declarations can be defined anywhere in your application as soon as they are included in the `contentDir` directory (by default, `./src`). And match the content declaration file extension (by default, `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`).
 
 > For more details, refer to the [content declaration documentation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en-GB/dictionary/get_started.md).
 
@@ -635,9 +655,9 @@ Example:
 - https://example.com/fr/about
 ```
 
-> By default, the routes are not prefixed for the default locale. If you wish to prefix the default locale, you can set the `middleware.prefixDefault` option to `true` in your configuration. See the [configuration documentation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en-GB/configuration.md) for more information.
+> By default, the routes are not prefixed for the default locale. If you want to prefix the default locale, you can set the `middleware.prefixDefault` option to `true` in your configuration. See the [configuration documentation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en-GB/configuration.md) for more information.
 
-To add localised routing to your application, you can create a `LocaleRouter` component that wraps your application's routes and manages locale-based routing. Here is an example using [React Router](https://reactrouter.com/home):
+To add localised routing to your application, you can create a `LocaleRouter` component that wraps your application's routes and handles locale-based routing. Here is an example using [React Router](https://reactrouter.com/home):
 
 ```tsx fileName="src/components/LocaleRouter.tsx"  codeFormat="typescript"
 // Importing necessary dependencies and functions
@@ -772,6 +792,7 @@ const { locales, defaultLocale } = internationalization;
 
 /**
  * A component that handles localisation and wraps children with the appropriate locale context.
+/**
  * It manages URL-based locale detection and validation.
  */
 const AppLocalized = ({ children, locale }) => {
@@ -807,7 +828,7 @@ const AppLocalized = ({ children, locale }) => {
   } else {
     /**
      * When middleware.prefixDefault is false, the default locale is not prefixed.
-     * Ensure that the current locale is valid and is not the default locale.
+     * Ensure that the current locale is valid and not the default locale.
      */
     if (
       currentLocale.toString() !== defaultLocale.toString() &&
@@ -876,25 +897,6 @@ const {
   useLocation,
 } = require("react-router-dom"); // Router components for managing navigation
 
-// Destructuring configuration from Intlayer
-const { internationalisation, middleware } = configuration;
-const { locales, defaultLocale } = internationalisation;
-
-/**
- * A component that handles localisation and wraps children with the appropriate locale context.
- * It manages URL-based locale detection and validation.
- */
-// Importing necessary dependencies and functions
-const { configuration, getPathWithoutLocale } = require("intlayer"); // Utility functions and types from 'intlayer'
-const { IntlayerProvider, useLocale } = require("react-intlayer"); // Provider for internationalisation context
-const {
-  BrowserRouter,
-  Routes,
-  Route,
-  Navigate,
-  useLocation,
-} = require("react-router-dom"); // Router components for managing navigation
-
 // Destructuring configuration from Intlayer
 const { internationalization, middleware } = configuration;
 const { locales, defaultLocale } = internationalization;
@@ -936,7 +938,7 @@ const AppLocalized = ({ children, locale }) => {
   } else {
     /**
      * When middleware.prefixDefault is false, the default locale is not prefixed.
-     * Ensure that the current locale is valid and is not the default locale.
+     * Ensure that the current locale is valid and not the default locale.
      */
     if (
       currentLocale.toString() !== defaultLocale.toString() &&
@@ -1271,9 +1273,9 @@ const LocaleSwitcher = () => {
 > - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/{{locale}}/packages/intlayer/getLocalizedUrl.md)
 > - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en-GB/packages/intlayer/getHTMLTextDir.md)
 > - [`hrefLang` attribute](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
-> - [`lang` attribute`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-> - [`dir` attribute`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
-> - [`aria-current` attribute`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+> - [`lang` attribute`](https://developer.mozilla.org/en-GB/docs/Web/HTML/Global_attributes/lang)
+> - [`dir` attribute`](https://developer.mozilla.org/en-GB/docs/Web/HTML/Global_attributes/dir)
+> - [`aria-current` attribute`](https://developer.mozilla.org/en-GB/docs/Web/Accessibility/ARIA/Attributes/aria-current)
 
 Below is the updated **Step 9** with added explanations and refined code examples:
 
@@ -1285,7 +1287,7 @@ When your application supports multiple languages, it is crucial to update the `
 
 - **Accessibility**: Screen readers and assistive technologies depend on the correct `lang` attribute to pronounce and interpret content accurately.
 - **Text Rendering**: The `dir` (direction) attribute guarantees that text is rendered in the correct order (e.g., left-to-right for English, right-to-left for Arabic or Hebrew), which is essential for readability.
-- **SEO**: Search engines use the `lang` attribute to identify the language of your page, aiding in delivering the appropriate localised content in search results.
+- **SEO**: Search engines use the `lang` attribute to identify the language of your page, helping to deliver the appropriate localised content in search results.
 
 By updating these attributes dynamically when the locale changes, you guarantee a consistent and accessible experience for users across all supported languages.
 
@@ -1396,33 +1398,6 @@ const App: FC = () => (
 export default App;
 ```
 
-````jsx fileName="src/App.msx" codeFormat="esm"
-#### Using the Hook in Your Application
-
-Integrate the hook into your main component so that the HTML attributes update whenever the locale changes:
-
-```tsx fileName="src/App.tsx" codeFormat="typescript"
-import type { FC } from "react";
-import { IntlayerProvider, useIntlayer } from "react-intlayer";
-import { useI18nHTMLAttributes } from "./hooks/useI18nHTMLAttributes";
-import "./App.css";
-
-const AppContent: FC = () => {
-  // Apply the hook to update the <html> tag's lang and dir attributes based on the locale.
-  useI18nHTMLAttributes();
-
-  // ... Rest of your component
-};
-
-const App: FC = () => (
-  <IntlayerProvider>
-    <AppContent />
-  </IntlayerProvider>
-);
-
-export default App;
-````
-
 ```jsx fileName="src/App.msx" codeFormat="esm"
 import { IntlayerProvider, useIntlayer } from "react-intlayer";
 import { useI18nHTMLAttributes } from "./hooks/useI18nHTMLAttributes";
@@ -1474,21 +1449,27 @@ By applying these changes, your application will:
 
 ### (Optional) Step 10: Creating a Localised Link Component
 
-// Apply the hook to update the <html> tag's lang and dir attributes based on the locale.
-useI18nHTMLAttributes();
+```tsx fileName="src/App.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { IntlayerProvider, useIntlayer } from "react-intlayer";
+import { useI18nHTMLAttributes } from "./hooks/useI18nHTMLAttributes";
+import "./App.css";
+
+const AppContent: FC = () => {
+  // Apply the hook to update the <html> tag's lang and dir attributes based on the locale.
+  useI18nHTMLAttributes();
 
-// ... Rest of your component
+  // ... Rest of your component
 };
 
 const App = () => (
-<IntlayerProvider>
-<AppContent />
-</IntlayerProvider>
+  <IntlayerProvider>
+    <AppContent />
+  </IntlayerProvider>
 );
 
 module.exports = App;
-
-````
+```
 
 By applying these changes, your application will:
 
@@ -1553,7 +1534,7 @@ export const Link = forwardRef<HTMLAnchorElement, LinkProps>(
 );
 
 Link.displayName = "Link";
-````
+```
 
 ```jsx fileName="src/components/Link.mjx" codeFormat="esm"
 import { getLocalizedUrl } from "intlayer";
@@ -1604,7 +1585,7 @@ const checkIsExternalLink = (href) => /^https?:\/\//.test(href ?? "");
 /**
  * A custom Link component that adapts the href attribute based on the current locale.
  * For internal links, it uses `getLocalizedUrl` to prefix the URL with the locale (e.g., /fr/about).
- * This ensures that navigation remains within the same locale context.
+ * This ensures that navigation stays within the same locale context.
  */
 const Link = forwardRef(({ href, children, ...props }, ref) => {
   const { locale } = useLocale();
@@ -1642,7 +1623,7 @@ Link.displayName = "Link";
 - **Returning the Link**:  
   The component returns an `<a>` element with the localised URL, ensuring that navigation is consistent with the locale.
 
-By integrating this `Link` component across your application, you maintain a coherent and language-aware user experience whilst also benefitting from improved SEO and usability.
+By integrating this `Link` component across your application, you maintain a coherent and language-aware user experience while also benefiting from improved SEO and usability.
 
 ### Configure TypeScript