@intlayer/docs 5.5.8

package/it/packages/react-intlayer/useIntlayerAsync.md

@@ -0,0 +1,226 @@
+# Integrazione React: Documentazione del Hook `useIntlayerAsync`
+
+Il hook `useIntlayerAsync` estende la funzionalità di `useIntlayer` non solo restituendo dizionari pre-renderizzati, ma anche recuperando aggiornamenti in modo asincrono, rendendolo ideale per applicazioni che aggiornano frequentemente i loro contenuti localizzati dopo il rendering iniziale.
+
+## Panoramica
+
+- **Caricamento Asincrono dei Dizionari:**  
+  Al montaggio iniziale, `useIntlayerAsync` restituisce prima qualsiasi dizionario locale pre-recuperato o staticamente incluso (proprio come farebbe `useIntlayer`) e poi recupera e unisce asincronamente eventuali nuovi dizionari remoti disponibili.
+- **Gestione dello Stato di Avanzamento:**  
+  Il hook fornisce anche uno stato `isLoading`, che indica quando un dizionario remoto è in fase di recupero. Questo consente agli sviluppatori di mostrare indicatori di caricamento o stati scheletro per un'esperienza utente più fluida.
+
+## Configurazione dell'Ambiente
+
+Intlayer fornisce un sistema di gestione delle sorgenti di contenuto (CSM) senza testa che consente ai non sviluppatori di gestire e aggiornare i contenuti dell'applicazione senza problemi. Utilizzando il dashboard intuitivo di Intlayer, il tuo team può modificare testi localizzati, immagini e altre risorse senza modificare direttamente il codice. Questo semplifica il processo di gestione dei contenuti, favorisce la collaborazione e garantisce che gli aggiornamenti possano essere effettuati rapidamente e facilmente.
+
+Per iniziare con Intlayer:
+
+1. **Registrati e ottieni un token di accesso** su [https://intlayer.org/dashboard](https://intlayer.org/dashboard).
+2. **Aggiungi le credenziali al tuo file di configurazione:**  
+   Nel tuo progetto React, configura il client Intlayer con le tue credenziali:
+
+   ```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+   import type { IntlayerConfig } from "intlayer";
+
+   export default {
+     // ...
+     editor: {
+       clientId: process.env.INTLAYER_CLIENT_ID,
+       clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+     },
+   } satisfies IntlayerConfig;
+   ```
+
+   ```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+   import { type IntlayerConfig } from "intlayer";
+
+   /** @type {import('intlayer').IntlayerConfig} */
+   const config = {
+     // ...
+     editor: {
+       clientId: process.env.INTLAYER_CLIENT_ID,
+       clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+     },
+   };
+
+   export default config;
+   ```
+
+   ```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+   /** @type {import('intlayer').IntlayerConfig} */
+   const config = {
+     // ...
+     editor: {
+       clientId: process.env.INTLAYER_CLIENT_ID,
+       clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+     },
+   };
+
+   module.exports = config;
+   ```
+
+3. **Carica un nuovo dizionario locale su Intlayer:**
+
+   ```bash
+   npx intlayer dictionary push -d my-first-dictionary-key
+   ```
+
+   Questo comando carica i tuoi dizionari di contenuti iniziali, rendendoli disponibili per il recupero asincrono e la modifica tramite la piattaforma Intlayer.
+
+## Importazione di `useIntlayerAsync` in React
+
+Nei tuoi componenti React, importa `useIntlayerAsync`:
+
+```ts codeFormat="typescript"
+import { useIntlayerAsync } from "react-intlayer";
+```
+
+```js codeFormat="esm"
+import { useIntlayerAsync } from "react-intlayer";
+```
+
+```js codeFormat="commonjs"
+const { useIntlayerAsync } = require("react-intlayer");
+```
+
+## Parametri
+
+1. **`key`**:  
+   **Tipo**: `DictionaryKeys`  
+   La chiave del dizionario utilizzata per identificare il blocco di contenuto localizzato. Questa chiave dovrebbe essere definita nei tuoi file di dichiarazione dei contenuti.
+
+2. **`locale`** (opzionale):  
+   **Tipo**: `Locales`  
+   La specifica localizzazione che vuoi mirare. Se omesso, il hook utilizza la localizzazione dal contesto corrente di Intlayer.
+
+3. **`isRenderEditor`** (opzionale, predefinito `true`):  
+   **Tipo**: `boolean`  
+   Determina se il contenuto dovrebbe essere pronto per il rendering con la sovrapposizione dell'editor di Intlayer. Se impostato su `false`, i dati del dizionario restituiti escluderanno le funzionalità specifiche dell'editor.
+
+## Valore Restituito
+
+Il hook restituisce un oggetto dizionario contenente contenuti localizzati indicizzati da `key` e `locale`. Include anche un booleano `isLoading` che indica se un dizionario remoto è attualmente in fase di recupero.
+
+## Esempio di Utilizzo in un Componente React
+
+```tsx fileName="src/components/ComponentExample.tsx" codeFormat="typescript"
+import { useEffect, type FC } from "react";
+import { useIntlayerAsync } from "react-intlayer";
+
+export const ComponentExample: FC = () => {
+  const { title, description, isLoading } = useIntlayerAsync("async-component");
+
+  useEffect(() => {
+    if (isLoading) {
+      console.log("Il contenuto è in caricamento...");
+    }
+  }, [isLoading]);
+
+  return (
+    <div>
+      {isLoading ? (
+        <div>
+          <h1>Caricamento…</h1>
+          <p>Attendere mentre i contenuti vengono aggiornati.</p>
+        </div>
+      ) : (
+        <div>
+          <h1>{title.value}</h1>
+          <p>{description.value}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.mjx" codeFormat="esm"
+import { useEffect } from "react";
+import { useIntlayerAsync } from "react-intlayer";
+
+const ComponentExample = () => {
+  const { title, description, isLoading } = useIntlayerAsync("async-component");
+
+  useEffect(() => {
+    if (isLoading) {
+      console.log("Il contenuto è in caricamento...");
+    }
+  }, [isLoading]);
+
+  return (
+    <div>
+      {isLoading ? (
+        <div>
+          <h1>Caricamento…</h1>
+          <p>Attendere mentre i contenuti vengono aggiornati.</p>
+        </div>
+      ) : (
+        <div>
+          <h1>{title.value}</h1>
+          <p>{description.value}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.csx" codeFormat="commonjs"
+const { useEffect } = require("react");
+const { useIntlayerAsync } = require("react-intlayer");
+
+const ComponentExample = () => {
+  const { title, description, isLoading } = useIntlayerAsync("async-component");
+
+  useEffect(() => {
+    if (isLoading) {
+      console.log("Il contenuto è in caricamento...");
+    }
+  }, [isLoading]);
+
+  return (
+    <div>
+      {isLoading ? (
+        <div>
+          <h1>Caricamento…</h1>
+          <p>Attendere mentre i contenuti vengono aggiornati.</p>
+        </div>
+      ) : (
+        <div>
+          <h1>{title.value}</h1>
+          <p>{description.value}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+**Punti Chiave:**
+
+- Al rendering iniziale, `title` e `description` provengono dal dizionario locale pre-recuperato o staticamente incluso.
+- Mentre `isLoading` è `true`, una richiesta in background recupera un dizionario aggiornato.
+- Una volta completato il recupero, `title` e `description` vengono aggiornati con i contenuti più recenti e `isLoading` torna a `false`.
+
+## Gestione della Localizzazione degli Attributi
+
+Puoi anche recuperare valori di attributi localizzati per varie proprietà HTML (es. `alt`, `title`, `aria-label`):
+
+```jsx
+<img src={title.image.src.value} alt={title.image.alt.value} />
+```
+
+## File dei Dizionari
+
+Tutte le chiavi di contenuto devono essere definite nei tuoi file di dichiarazione dei contenuti per garantire la sicurezza dei tipi e prevenire errori a runtime. Questi file abilitano la validazione TypeScript, assicurandoti di fare sempre riferimento a chiavi e localizzazioni esistenti.
+
+Le istruzioni per configurare i file di dichiarazione dei contenuti sono disponibili [qui](https://github.com/aymericzip/intlayer/blob/main/docs/it/dictionary/get_started.md).
+
+## Ulteriori Informazioni
+
+- **Editor Visivo di Intlayer:**  
+  Integra con l'editor visivo di Intlayer per gestire e modificare i contenuti direttamente dall'interfaccia utente. Maggiori dettagli [qui](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_visual_editor.md).
+
+---
+
+**In sintesi**, `useIntlayerAsync` è un potente hook React progettato per migliorare l'esperienza utente e mantenere i contenuti aggiornati unendo dizionari pre-renderizzati o pre-recuperati con aggiornamenti asincroni. Sfruttando `isLoading` e le dichiarazioni di contenuto basate su TypeScript, puoi integrare senza problemi contenuti dinamici e localizzati nelle tue applicazioni React.

package/it/packages/react-intlayer/useLocale.md

@@ -0,0 +1,184 @@
+# Integrazione React: Documentazione del Hook `useLocale`
+
+Questa sezione fornisce dettagli completi sull'hook `useLocale` della libreria `react-intlayer`, progettata per gestire la gestione delle impostazioni locali nelle applicazioni React.
+
+## Importare `useLocale` in React
+
+Per integrare l'hook `useLocale` nella tua applicazione React, importalo dal relativo pacchetto:
+
+```typescript codeFormat="typescript"
+import { useLocale } from "react-intlayer"; // Utilizzato nei componenti React per la gestione delle impostazioni locali
+```
+
+```javascript codeFormat="esm"
+import { useLocale } from "react-intlayer"; // Utilizzato nei componenti React per la gestione delle impostazioni locali
+```
+
+```javascript codeFormat="commonjs"
+const { useLocale } = require("react-intlayer"); // Utilizzato nei componenti React per la gestione delle impostazioni locali
+```
+
+## Panoramica
+
+L'hook `useLocale` offre un modo semplice per accedere e manipolare le impostazioni locali all'interno dei componenti React. Fornisce accesso alla lingua corrente, alla lingua predefinita, a tutte le lingue disponibili e a funzioni per aggiornare le impostazioni locali.
+
+## Utilizzo
+
+Ecco come puoi utilizzare l'hook `useLocale` all'interno di un componente React:
+
+```tsx fileName="src/components/LocaleSwitcher.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useLocale } from "react-intlayer";
+
+const LocaleSwitcher: FC = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>Lingua corrente: {locale}</h1>
+      <p>Lingua predefinita: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+```jsx fileName="src/components/LocaleSwitcher.mjx" codeFormat="esm"
+import { useLocale } from "react-intlayer";
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>Lingua corrente: {locale}</h1>
+      <p>Lingua predefinita: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+```jsx fileName="src/components/LocaleSwitcher.csx" codeFormat="commonjs"
+const { useLocale } = require("react-intlayer");
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>Lingua corrente: {locale}</h1>
+      <p>Lingua predefinita: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+## Parametri e Valori Restituiti
+
+Quando invochi l'hook `useLocale`, restituisce un oggetto contenente le seguenti proprietà:
+
+- **`locale`**: La lingua corrente impostata nel contesto React.
+- **`defaultLocale`**: La lingua principale definita nella configurazione.
+- **`availableLocales`**: Un elenco di tutte le lingue disponibili come definite nella configurazione.
+- **`setLocale`**: Una funzione per aggiornare la lingua corrente all'interno del contesto dell'applicazione.
+
+## Esempio
+
+Questo esempio mostra un componente che utilizza l'hook `useLocale` per rendere un selettore di lingua, consentendo agli utenti di cambiare dinamicamente la lingua dell'applicazione:
+
+```tsx fileName="src/components/LocaleSelector.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useLocale } from "react-intlayer";
+
+const LocaleSelector: FC = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSelector.mjx" codeFormat="esm"
+import { useLocale } from "react-intlayer";
+
+const LocaleSelector = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSelector.csx" codeFormat="commonjs"
+const { useLocale } = require("react-intlayer");
+
+const LocaleSelector = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+## Conclusione
+
+L'hook `useLocale` di `react-intlayer` è uno strumento essenziale per gestire le lingue nelle tue applicazioni React, fornendo la funzionalità necessaria per adattare efficacemente la tua applicazione a diversi pubblici internazionali.

package/it/packages/react-native-intlayer/index.md

@@ -0,0 +1,57 @@
+**Intlayer** è una suite di pacchetti progettata specificamente per sviluppatori JavaScript. È compatibile con framework come React, React e Express.js.
+
+**Il pacchetto `react-native-intlayer`** ti consente di internazionalizzare la tua applicazione Vite. Include il plugin Metro per configurare le impostazioni attraverso variabili d'ambiente nel [Metro bundler](https://docs.expo.dev/guides/customizing-metro/).
+
+## Perché Internazionalizzare la Tua Applicazione React Native?
+
+Internazionalizzare la tua applicazione React Native è essenziale per servire efficacemente un pubblico globale. Permette alla tua applicazione di fornire contenuti e messaggi nella lingua preferita di ogni utente. Questa capacità migliora l'esperienza utente e amplia la portata della tua applicazione rendendola più accessibile e rilevante per persone di diversi contesti linguistici.
+
+## Configurazione
+
+Il pacchetto `react-native-intlayer` funziona perfettamente con il pacchetto [`react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/react-intlayer/index.md) e il pacchetto [`intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/index.md). Consulta la documentazione pertinente per maggiori informazioni.
+
+## Installazione
+
+Installa il pacchetto necessario utilizzando il tuo gestore di pacchetti preferito:
+
+```bash packageManager="npm"
+npm install react-native-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add react-native-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add react-native-intlayer
+```
+
+## Esempio di utilizzo
+
+Ecco un esempio di come includere i plugin nella configurazione di Vite.
+
+```js
+// metro.config.js
+const { getDefaultConfig } = require("expo/metro-config");
+const { configMetroIntlayer } = require("react-native-intlayer/metro");
+
+module.exports = (async () => {
+  const defaultConfig = getDefaultConfig(__dirname);
+
+  return await configMetroIntlayer(defaultConfig);
+})();
+```
+
+## Padroneggiare l'internazionalizzazione della tua applicazione Vite
+
+Intlayer offre molte funzionalità per aiutarti a internazionalizzare la tua applicazione Vite.
+
+**Per saperne di più su queste funzionalità, consulta la guida [Internazionalizzazione (i18n) con Intlayer e React Native](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_with_react_native+expo.md) per applicazioni React Native.**
+
+## Leggi di più su Intlayer
+
+- [Sito Web di Intlayer](https://intlayer.org)
+- [Documentazione di Intlayer](https://intlayer.org/doc)
+- [GitHub di Intlayer](https://github.com/aymericzip/intlayer)
+
+- [Fai le tue domande alla nostra documentazione intelligente](https://intlayer.org/docchat)

package/it/packages/react-scripts-intlayer/index.md

@@ -0,0 +1,57 @@
+# react-scripts-intlayer: Pacchetto NPM per utilizzare Intlayer in un'applicazione React Create App
+
+**Intlayer** è una suite di pacchetti progettata specificamente per gli sviluppatori JavaScript. È compatibile con framework come React, React e Express.js.
+
+**Il pacchetto `react-scripts-intlayer`** include i comandi e i plugin `react-scripts-intlayer` per integrare Intlayer con l'applicazione basata su Create React App. Questi plugin si basano su [craco](https://craco.js.org/) e includono configurazioni aggiuntive per il bundler [Webpack](https://webpack.js.org/).
+
+## Configurazione
+
+Il pacchetto `react-scripts-intlayer` funziona perfettamente con il [`pacchetto react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/react-intlayer/index.md) e il [`pacchetto intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/index.md). Dai un'occhiata alla documentazione pertinente per maggiori informazioni.
+
+## Installazione
+
+Installa il pacchetto necessario utilizzando il tuo gestore di pacchetti preferito:
+
+```bash packageManager="npm"
+npm install react-scripts-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add react-scripts-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add react-scripts-intlayer
+```
+
+## Utilizzo
+
+### Comandi CLI
+
+Il pacchetto `react-scripts-intlayer` fornisce i seguenti comandi CLI:
+
+- `npx react-scripts-intlayer build`: Compila l'applicazione React con la configurazione Intlayer.
+- `npx react-scripts-intlayer start`: Avvia il server di sviluppo con la configurazione Intlayer.
+
+### Sostituire gli script di package.json
+
+Per utilizzare il pacchetto `react-scripts-intlayer`, è necessario sostituire gli script di `package.json` con i seguenti comandi:
+
+```json fileName="package.json"
+{
+  "scripts": {
+    "start": "react-scripts-intlayer start",
+    "build": "react-scripts-intlayer build"
+  }
+}
+```
+
+## Utilizzare una configurazione Webpack personalizzata
+
+`react-scripts-intlayer` si basa su [craco](https://craco.js.org/), che consente di personalizzare la configurazione di Webpack.
+Se hai bisogno di personalizzare la configurazione di Webpack, puoi anche implementare la tua configurazione basata sul plugin craco di Intlayer. [Vedi un esempio qui](https://github.com/aymericzip/intlayer/blob/main/examples/react-app/craco.config.js).
+
+## Leggi la guida completa di Intlayer per React Create App
+
+Intlayer offre molte funzionalità per aiutarti a internazionalizzare la tua applicazione React.
+[Vedi come utilizzare Intlayer con React Create App](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_with_create_react_app.md).

package/it/packages/solid-intlayer/index.md

@@ -0,0 +1,5 @@
+# Documentazione del pacchetto | solid-intlayer
+
+this doc will be automatically generated translated from the english doc
+
+see /docs/en/packages/solid-intlayer/index.md

package/it/packages/svelte-intlayer/index.md

@@ -0,0 +1,3 @@
+this doc will be automatically generated translated from the english doc
+
+see /docs/en/packages/svelte-intlayer/index.md

package/it/packages/vite-intlayer/index.md

@@ -0,0 +1,53 @@
+# vite-intlayer: Pacchetto NPM per internazionalizzare (i18n) un'applicazione Vite
+
+**Intlayer** è una suite di pacchetti progettata specificamente per sviluppatori JavaScript. È compatibile con framework come React, React e Express.js.
+
+**Il pacchetto `vite-intlayer`** consente di internazionalizzare la tua applicazione Vite. Include il plugin Vite per impostare la configurazione tramite variabili d'ambiente nel [bundler Vite](https://vitejs.dev/guide/why.html#why-bundle-for-production). Fornisce inoltre un middleware per rilevare la lingua preferita dell'utente e reindirizzarlo all'URL appropriato come specificato nella [configurazione](https://github.com/aymericzip/intlayer/blob/main/docs/it/configuration.md).
+
+## Perché internazionalizzare la tua applicazione Vite?
+
+Internazionalizzare la tua applicazione Vite è essenziale per servire efficacemente un pubblico globale. Consente alla tua applicazione di fornire contenuti e messaggi nella lingua preferita di ciascun utente. Questa capacità migliora l'esperienza utente e amplia la portata della tua applicazione rendendola più accessibile e rilevante per persone di diversi background linguistici.
+
+## Configurazione
+
+Il pacchetto `vite-intlayer` funziona perfettamente con il [`pacchetto react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/react-intlayer/index.md) e il [`pacchetto intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/index.md). Consulta la documentazione pertinente per maggiori informazioni.
+
+## Installazione
+
+Installa il pacchetto necessario utilizzando il tuo gestore di pacchetti preferito:
+
+```bash packageManager="npm"
+npm install vite-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add vite-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add vite-intlayer
+```
+
+## Esempio di utilizzo
+
+Vedi un esempio di come includere i plugin nella configurazione di vite.
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import { intlayerPlugin, intLayerMiddlewarePlugin } from "vite-intlayer";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [intlayerPlugin(), intLayerMiddlewarePlugin()],
+});
+```
+
+> Il plugin Vite `intlayerPlugin()` viene utilizzato per integrare Intlayer con Vite. Garantisce la creazione dei file di dichiarazione dei contenuti e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.
+
+> Il `intLayerMiddlewarePlugin()` aggiunge il routing lato server alla tua applicazione. Questo plugin rileverà automaticamente la lingua corrente in base all'URL e imposterà il cookie della lingua appropriato. Se non è specificata alcuna lingua, il plugin determinerà la lingua più appropriata in base alle preferenze linguistiche del browser dell'utente. Se non viene rilevata alcuna lingua, reindirizzerà alla lingua predefinita.
+
+## Padroneggiare l'internazionalizzazione della tua applicazione Vite
+
+Intlayer fornisce molte funzionalità per aiutarti a internazionalizzare la tua applicazione Vite.
+
+**Per saperne di più su queste funzionalità, consulta la guida [Internazionalizzazione (i18n) con Intlayer e Vite e React](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_with_vite+react.md) per applicazioni Vite e React.**

package/it/packages/vue-intlayer/index.md

@@ -0,0 +1,5 @@
+# Documentazione del pacchetto | vue-intlayer
+
+this doc will be automatically generated translated from the english doc
+
+see /docs/en/packages/vue-intlayer/index.md