@intlayer/docs 9.4.0-canary.0 → 9.4.0

package/docs/it/cli/doc-review.md

@@ -91,7 +91,15 @@ Per la maggior parte dei casi d'uso,
 
 - **`--log`**: Modalità solo log. Non traduce con l'IA; registra invece i blocchi che richiedono attenzione (con numeri di riga e contenuto) per i locali base e target, per aiutare un altro agente a generare le traduzioni.
 
-  > Esempio: `npx intlayer doc review --log`
+- **BLOCK 1 of 3** (il contenuto in English)
+- **BLOCK 2 of 3** (il contenuto in Italian da auditare)
+- **BLOCK 3 of 3** (la modalità: `apply`, `report`, o `synthesis`)
+
+> Esempio: `npx intlayer doc review --mode report`
+
+> Esempio: `npx intlayer doc review --log`
+
+Qualunque sia la modalità, l'esecuzione termina con una sintesi che elenca i documenti allineati con il loro documento base e quelli che hanno ancora blocchi da modificare.
 
 **Opzioni di output delle voci:**
 

package/docs/it/cli/fill.md

@@ -39,14 +39,6 @@ bun x intlayer fill
 
 Questo comando analizza i tuoi file di dichiarazione dei contenuti per potenziali problemi come traduzioni mancanti, incoerenze strutturali o discrepanze di tipo. Se trova problemi, **intlayer fill** proporrà o applicherà aggiornamenti per mantenere i tuoi dizionari coerenti e completi.
 
-Punti chiave:
-
-- Divide i file JSON grandi in parti per rimanere entro i limiti della finestra di contesto del modello AI.
-- Riprova la traduzione se il formato di output è errato.
-- Incorpora il contesto specifico dell'applicazione e del file per migliorare l'accuratezza della traduzione.
-- Preserva le traduzioni esistenti non sovrascrivendole.
-- Elabora file, parti e locali in parallelo utilizzando un sistema di code per aumentare la velocità.
-
 ## Punti Chiave:
 
 - Divide i file JSON di grandi dimensioni in chunk per rispettare i limiti della finestra di contesto del modello di IA.

package/docs/it/cli/index.md

@@ -127,6 +127,8 @@ Per vedere come configurare le lingue disponibili o altri parametri, fai riferim
 
 - **[Login](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/cli/login.md)** - Autenticati con l'Intlayer CMS e ottieni le credenziali di accesso
 
+> `intlayer login` rilascia una **chiave di accesso** (`clientId` / `clientSecret`) che ogni comando autenticato utilizza. Il secret è una credenziale lato server e non raggiunge mai il tuo client bundle — vedi [Keeping the access key safe](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/cli/login.md#keeping-the-access-key-safe).
+
 ### Comandi principali
 
 - **[Costruisci Dizionari](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/cli/build.md)** - Costruisci i tuoi dizionari dai file di dichiarazione dei contenuti

package/docs/it/cli/list_projects.md

@@ -52,8 +52,6 @@ Questo comando cerca ed elenca tutti i progetti Intlayer trovando le directory c
 
   > Esempio: `npx intlayer projects list --base-dir /path/to/workspace`
 
-  > Esempio: `npx intlayer projects list --base-dir /path/to/workspace`
-
 - **`--git-root`**: Effettua la ricerca dalla root del repository git invece che dalla directory base. Questo è utile per trovare tutti i progetti Intlayer in un monorepo o in un repository git.
 
   > Esempio: `npx intlayer projects list --git-root`

package/docs/it/cli/login.md

@@ -118,6 +118,34 @@ INTLAYER_CLIENT_SECRET=your_client_secret
 }
 ```
 
+## Mantenere la chiave di accesso al sicuro
+
+`intlayer login` rilascia una **chiave di accesso**: una coppia `clientId` / `clientSecret` che ogni comando autenticato (`push`, `pull`, `fill`, `configuration push`, `live`, …) utilizza per autenticarsi.
+
+```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
+import type { IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  editor: {
+    clientId: process.env.INTLAYER_CLIENT_ID,
+    clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+  },
+};
+
+export default config;
+```
+
+> **`clientSecret` è una credenziale lato server.** Concede accesso API completo nell'ambito del progetto — lettura e scrittura dei tuoi dizionari, del tuo progetto e della tua organizzazione. Conservala in `.env` (ignorato da git) o nel tuo archivio di secret CI, e non inserirla mai inline nel file di configurazione.
+
+Intlayer lo applica piuttosto che solo documentarlo:
+
+- `clientSecret` è **rimossa dalla configurazione che il tuo bundler incorpora**, quindi non può raggiungere un bundle del browser indipendentemente dall'integrazione del framework che utilizzi. Viene letta solo lato server, a runtime, dall'ambiente.
+- `clientId` è diverso: è la **chiave pubblica** del progetto, sicura da distribuire, ed è utilizzato da [`@intlayer/analytics`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/analytics.md#how-events-are-authenticated) per ottenere un token di breve durata, solo per l'inserimento.
+
+Commentare `clientId` è sufficiente per disabilitare ogni comportamento autenticato — recupero di dizionari remoti, accesso CMS, analytics — anche quando le variabili di ambiente sono ancora definite.
+
+Per le pipeline CI, preferisci il comando [`ci`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/cli/ci.md), che inietta le credenziali per la durata di una singola esecuzione invece di farle persistere.
+
 ## Configurazione Manuale
 
 Se il browser non si apre automaticamente, puoi visitare manualmente l'URL mostrato nel terminale.

package/docs/it/cli/watch.md

@@ -48,5 +48,3 @@ Questo comando è l'equivalente di `npx intlayer build --watch --skip-prepare`.
 - **`--with`**: Avvia un comando in parallelo con l'osservazione.
 
   > Esempio: `npx intlayer watch --with "next dev --turbopack"`
-
-  > Esempio: `npx intlayer watch --with "next dev --turbopack"`

package/docs/it/compiler.md

@@ -40,6 +40,12 @@ Il **Intlayer Compiler** è uno strumento potente progettato per automatizzare i
 
 ## Perché Usare Intlayer Compiler?
 
+- **Automation**: Elimina la necessità di copiare manualmente i contenuti nei dizionari.
+
+- **Speed**: Estrazione ottimizzata dei contenuti per garantire che il tuo processo di build rimanga veloce.
+
+- **Developer Experience**: Mantieni le dichiarazioni di contenuto esattamente dove vengono utilizzate, migliorando la manutenibilità.
+
 - **Automazione**: Elimina il copia-incolla manuale dei contenuti nei dizionari.
 - **Velocità**: Estrazione dei contenuti ottimizzata per garantire che il processo di build rimanga veloce.
 - **Esperienza Sviluppatore**: Mantieni le dichiarazioni di contenuto esattamente dove vengono utilizzate, migliorando la manutenibilità.
@@ -54,6 +60,8 @@ Sebbene il compiler offra un'esperienza eccellente "funziona subito", introduce
 - **Ambiguità euristica**: Il compiler deve indovinare cosa è contenuto orientato all'utente rispetto alla logica dell'applicazione (ad esempio, `className="active"`, codici di stato, ID prodotto). In codebase complesse, questo può portare a falsi positivi o stringhe mancate che richiedono annotazioni manuali ed eccezioni.
 - **Estrazione solo statica**: L'estrazione basata sul compiler si basa sull'analisi statica. Le stringhe che esistono solo in fase di esecuzione (codici di errore API, campi CMS, ecc.) non possono essere scoperte o tradotte dal compiler da solo, quindi hai ancora bisogno di una strategia i18n di runtime complementare.
 
+- **Estrazione statica esclusivamente**: L'estrazione basata su compiler si affida all'analisi statica. Le stringhe che esistono solo a runtime (codici di errore API, campi CMS, ecc.) non possono essere scoperte o tradotte dal compiler da solo, quindi hai ancora bisogno di una strategia i18n complementare a runtime.
+
 Per un confronto architetturale più approfondito, consulta il post sul blog [Compiler vs. Declarative i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/it/compiler_vs_declarative_i18n.md).
 
 Come alternativa, per automatizzare il tuo processo i18n mantenendo il pieno controllo del tuo contenuto, Intlayer fornisce anche un comando di auto-estrazione `intlayer extract` (vedi [documentazione CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/cli/extract.md)), o il comando `Intlayer: extract content to Dictionary` dall'estensione Intlayer VS Code (vedi [documentazione estensione VS Code](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/vs_code_extension.md)).
@@ -94,12 +102,18 @@ export default defineConfig({
 });
 ```
 
+> Il plugin standalone `intlayerCompiler()` è ancora esportato per configurazioni avanzate. Registrarlo insieme a `intlayer()` è sicuro — il compilatore si deduplica automaticamente ed esegue una sola volta.
+
 See complete tutorial: [Intlayer Compiler with Vite+React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_with_vite+react_compiler.md)
 
 #### Supporto per Framework
 
 Il plugin Vite rileva e gestisce automaticamente diversi tipi di file:
 
+- **React / JSX / TSX**: Gestiti nativamente.
+
+- **Vue**: Richiede `@intlayer/vue-compiler`.
+
 - **React / JSX / TSX**: Gestito nativamente.
 - **Vue**: Richiede `@intlayer/vue-compiler`.
 - **Svelte**: Richiede `@intlayer/svelte-compiler`.

package/docs/it/configuration.md

@@ -739,8 +739,6 @@ Definisce le impostazioni per l'editor visuale, incluse la porta del server e lo
 | `liveSyncPort`               | La porta del server Live Sync.                                                                                                                                                      | `number`                          | `4000`                              | `4000`                                                                                          |                                                                                                                                                                                                                                                                                       |
 | `liveSyncURL`                | L'URL del server Live Sync.                                                                                                                                                         | `string`                          | `'http://localhost:{liveSyncPort}'` | `'https://example.com'`                                                                         | Punta a localhost per impostazione predefinita; può essere cambiato per puntare a un server Live Sync remoto.                                                                                                                                                                         |
 
----
-
 ### Configurazione Analytics (Analytics)
 
 Definisce le impostazioni relative agli analytics di Intlayer: la raccolta di quale contenuto viene effettivamente mostrato agli utenti (visualizzazioni di pagina, esposizioni di contenuto) e il supporto ai test A/B sui contenuti.
@@ -992,6 +990,13 @@ Impostazioni relative ai percorsi interni e ai risultati dell'output di Intlayer
 
 Parametri che controllano le operazioni del dizionario, inclusi i comportamenti di auto-compilazione e la generazione dei contenuti.
 
+Questa configurazione del dizionario serve a due scopi principali:
+
+1. **Valori Predefiniti**: Definisci valori predefiniti durante la creazione di file di dichiarazione del contenuto
+2. **Comportamento di Fallback**: Fornisci valori di fallback quando campi specifici non sono definiti, permettendoti di definire il comportamento dell'operazione del dizionario a livello globale
+
+Per ulteriori informazioni sui file di dichiarazione dei contenuti e su come vengono applicati i valori di configurazione, consulta la [Documentazione dei File di Contenuto](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/dictionary/content_file.md).
+
 | Campo                       | Descrizione                                                                                                                                                               | Tipo                                                                                                            | Predefinito  | Esempio                                                                                     | Commenti                                                                                                                                                                                                                                                                                                                                                                                                                        |
 | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `fill`                      | Controlla come vengono generati i file di output della compilazione automatica (traduzione IA).                                                                           | `boolean` &#124; <br/> `FilePathPattern` &#124; <br/> `Partial<Record<Locale, boolean &#124; FilePathPattern>>` | `true`       | `{ en: '/locales/en/{{key}}.json', fr: ({ key }) => '/locales/fr/${key}.json', es: false }` | • `true`: Percorso predefinito (stesso file della sorgente).<br/>• `false`: Disabilita.<br/>• Stringa template/Funzione abilita la generazione per locale.<br/>• Oggetto per locale: Ogni locale corrisponde al proprio template; `false` esclude quel locale.<br/>• L'inclusione di `{{locale}}` abilita la generazione per locale.<br/>• `fill` a livello di dizionario ha sempre la priorità su questa impostazione globale. |
@@ -1031,8 +1036,6 @@ Parametri per personalizzare l'output dei log di Intlayer.
 | `mode`   | Indica la modalità del logger.         | `'default'` &#124; <br/> `'verbose'` &#124; <br/> `'disabled'` | `'default'`     | `'verbose'`         | • `'verbose'`: Logga più informazioni per il debug.<br/>• `'disabled'`: Disabilita completamente il logger. |
 | `prefix` | Prefisso per tutti i messaggi nei log. | `string`                                                       | `'[intlayer] '` | `'[mio prefisso] '` |                                                                                                             |
 
----
-
 ### Configurazione IA (AI)
 
 Impostazioni che controllano le funzionalità IA di Intlayer, inclusi il fornitore, il modello e la chiave API.
@@ -1072,8 +1075,6 @@ Intlayer supporta diversi fornitori IA per la massima flessibilità. I fornitori
 | `baseURL`            | URL base per l'API IA.                                                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                             | Nessuno     | `'https://api.openai.com/v1'` <br/> `'http://localhost:5000'` | Può puntare a endpoint API IA locali o personalizzati.                                                                                                                                    |
 | `dataSerialization`  | Formato di serializzazione dei dati per le funzionalità IA.                                                                                             | `'json'` &#124; <br/> `'toon'`                                                                                                                                                                                                                                                                                                                                                                                                                       | `undefined` | `'toon'`                                                      | • `'json'`: predefinito, affidabile; utilizza più token.<br/>• `'toon'`: meno token, meno stabile.<br/>• Passa il contesto al modello come parametro aggiuntivo (reasoning effort, ecc.). |
 
----
-
 ### Configurazione Build (Build)
 
 Parametri che controllano come Intlayer ottimizza e compila l'internazionalizzazione della tua applicazione.
@@ -1111,8 +1112,6 @@ Impostazioni che controllano il compilatore Intlayer, che raccoglie i dizionari
 | `noMetadata`          | Se `true`, il compilatore rimuove i metadati del dizionario (chiave, wrapper del contenuto) dall'output.                                                                                                                                                                                                                  | `boolean`                                                                                                       | `false`     | `false` → `{"key":"mia-chiave","content":{"key":"valore"}}` <br/> `true` → `{"key":"valore"}`                                                            | • Utile per formati i18next o output JSON ICU MessageFormat.<br/>• Funziona bene con il plugin `loadJSON`.                                                                                                                                                                                                                                                |
 | `dictionaryKeyPrefix` | Prefisso della chiave del dizionario                                                                                                                                                                                                                                                                                      | `string`                                                                                                        | `''`        |                                                                                                                                                          | Aggiungi un prefisso opzionale alle chiavi del dizionario estratto                                                                                                                                                                                                                                                                                        |
 
----
-
 ### Schemi Personalizzati (Custom Schemas)
 
 | Campo     | Descrizione                                                                      | Tipo                        |

package/docs/it/custom_domains.md

@@ -138,6 +138,38 @@ getMultilingualUrls("/about", { currentDomain: "intlayer.org" });
 
 Questi URL assoluti sono pronti per essere utilizzati nei tag `<link rel="alternate" hreflang="...">` per la SEO.
 
+## Type Inference
+
+`routing.domains` è serializzato nella augmentation del modulo generato, quindi
+`getLocalizedUrl` e `getLocalizedPath` restringono il loro tipo di ritorno all'URL esatto
+che una locale instradata su dominio risolve — la soppressione del prefisso inclusa.
+
+```ts
+// routing: { mode: 'prefix-no-default', domains: { en: 'intlayer.org', zh: 'intlayer.zh' } }
+
+getLocalizedUrl("/about", "zh");
+//     ^? "https://intlayer.zh/about" | "/about"
+
+getLocalizedPath("/about", "zh");
+//     ^? "/about"   (mai un origin, e nessun prefisso /zh/)
+```
+
+Il tipo URL è l'**unione** dei due valori che la funzione può ritornare: l'URL
+assoluto sul dominio della locale, e quello relativo che ritorna quando la
+pagina in rendering vive già su quel dominio. `getLocalizedPath` non ha tale
+ambiguità - non emette mai un origin - quindi rimane un singolo literal.
+
+Le locale che condividono un dominio mantengono il loro prefisso normale nel tipo come bene:
+
+```ts
+getLocalizedUrl("/about", "fr");
+//     ^? "https://intlayer.org/fr/about" | "/fr/about"
+```
+
+> Rigenera i tipi (`npx intlayer build`, o qualsiasi esecuzione dev server) dopo
+> aver modificato `routing.domains` - il restringimento proviene dal
+> `__RoutingRegistry` generato, non dal file di configurazione stesso.
+
 ## Comportamento del Proxy
 
 ### Next.js
@@ -170,6 +202,8 @@ GET intlayer.zh/about
 
 Il plugin Vite `intlayerProxy` applica la stessa logica durante lo sviluppo:
 
+> A partire da Intlayer v9, `intlayerProxy()` è incluso direttamente nel plugin `intlayer()` e abilitato per impostazione predefinita attraverso l'opzione `routing.enableProxy` (`true` per impostazione predefinita). Registrarlo separatamente come mostrato di seguito è ora facoltativo — viene mantenuto per la compatibilità con le versioni precedenti e per le configurazioni che necessitano di controllare l'ordine dei plugin. Impostare `routing.enableProxy: false` per disabilitarlo. Vedi le [note di rilascio v9](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/releases/v9.md).
+
 ```typescript fileName="vite.config.ts"
 import { defineConfig } from "vite";
 import { intlayer } from "vite-intlayer";

package/docs/it/custom_url_rewrites.md

@@ -248,7 +248,7 @@ Per garantire che la barra degli indirizzi del browser rifletta sempre l'URL loc
 
 <Tabs group='framework'>
   <Tab label="Next.js" value="nextjs">
-  
+
     ```tsx
     'use client';
 
@@ -263,7 +263,7 @@ Per garantire che la barra degli indirizzi del browser rifletta sempre l'URL loc
   </Tab>
 
   <Tab label="React Router" value="reactrouter">
-  
+
     ```tsx
     'use client';
 
@@ -279,7 +279,7 @@ Per garantire che la barra degli indirizzi del browser rifletta sempre l'URL loc
   </Tab>
 
   <Tab label="Vue" value="vue">
-  
+
     ```vue
     <script setup>
     import { useRewriteURL } from "vue-intlayer";
@@ -291,7 +291,7 @@ Per garantire che la barra degli indirizzi del browser rifletta sempre l'URL loc
 
   </Tab>
   <Tab label="Solid" value="solid">
-  
+
     ```tsx
     import { useRewriteURL } from "solid-intlayer";
 
@@ -303,7 +303,7 @@ Per garantire che la barra degli indirizzi del browser rifletta sempre l'URL loc
 
   </Tab>
   <Tab label="Svelte" value="svelte">
-  
+
     ```svelte
     <script>
     import { useRewriteURL } from "svelte-intlayer";
@@ -340,6 +340,8 @@ export function middleware(request: NextRequest) {
 
 Per SolidJS, Vue e Svelte, il plugin Vite `intlayerProxy` gestisce le riscritture durante lo sviluppo.
 
+> A partire da Intlayer v9, `intlayerProxy()` è incluso direttamente nel plugin `intlayer()` e abilitato per impostazione predefinita tramite l'opzione `routing.enableProxy` (`true` per impostazione predefinita). La registrazione separata come mostrato di seguito è ora facoltativa — viene mantenuta per la compatibilità con le versioni precedenti e per le configurazioni che necessitano di controllare l'ordine dei plugin. Impostare `routing.enableProxy: false` per rinunciare. Vedi le [note sulla versione v9](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/releases/v9.md).
+
 ```typescript fileName="vite.config.ts"
 import { defineConfig } from "vite";
 import { intlayer } from "vite-intlayer";

package/docs/it/dictionary/enumeration.md

@@ -275,6 +275,36 @@ Per informazioni più dettagliate sulla configurazione e sull'uso, fare riferime
 
 In questo esempio, il componente si adatta dinamicamente in base al numero di auto. Il contenuto corretto viene scelto automaticamente, a seconda dell'intervallo specificato.
 
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "ranking_component",
+  "content": {
+    "ordinal": {
+      "nodeType": "enumeration",
+      "enumeration": {
+        "1": {
+          "nodeType": "insertion",
+          "insertion": "{{count}}º posto"
+        },
+        "2": {
+          "nodeType": "insertion",
+          "insertion": "{{count}}º posto"
+        },
+        "3": {
+          "nodeType": "insertion",
+          "insertion": "{{count}}º posto"
+        },
+        "fallback": {
+          "nodeType": "insertion",
+          "insertion": "{{count}}º posto"
+        }
+      }
+    }
+  }
+}
+```
+
 ### Using Ordinal Enumeration
 
 <Tabs group="framework">

package/docs/it/dictionary/file.md

@@ -29,174 +29,8 @@ In Intlayer, la funzione `file` consente di incorporare il contenuto di file est
 
 ## Come Funziona l'Incorporamento dei File
 
-<Tabs group="framework">
-  <Tab label="React" value="react">
-
-To use embedded file content in a React component, import and use the `useIntlayer` hook from the `react-intlayer` package. This retrieves the content from the specified key and allows it to be displayed dynamically.
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useIntlayer } from "react-intlayer";
-
-const FileComponent: FC = () => {
-  const { myFile } = useIntlayer("my_key");
-
-  return (
-    <div>
-      <pre>{myFile}</pre>
-    </div>
-  );
-};
-
-export default FileComponent;
-```
-
-  </Tab>
-  <Tab label="Next.js" value="nextjs">
-
 To use embedded file content in Next.js Client Components, retrieve it via the `useIntlayer` hook. Here's an example:
 
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-"use client";
-
-import type { FC } from "react";
-import { useIntlayer } from "next-intlayer";
-
-const FileComponent: FC = () => {
-  const { myFile } = useIntlayer("my_key");
-
-  return (
-    <div>
-      <pre>{myFile}</pre>
-    </div>
-  );
-};
-
-export default FileComponent;
-```
-
-  </Tab>
-  <Tab label="Vue" value="vue">
-
-To use embedded file content in Vue components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```vue fileName="**/*.vue"
-<script setup lang="ts">
-import { useIntlayer } from "vue-intlayer";
-
-const { myFile } = useIntlayer("my_key");
-</script>
-
-<template>
-  <div>
-    <pre>{{ myFile }}</pre>
-  </div>
-</template>
-```
-
-  </Tab>
-  <Tab label="Svelte" value="svelte">
-
-To use embedded file content in Svelte components, retrieve it via the `useIntlayer` hook. The store is accessed with `$`. Here's an example:
-
-```svelte fileName="**/*.svelte"
-<script lang="ts">
-import { useIntlayer } from "svelte-intlayer";
-
-const content = useIntlayer("my_key");
-</script>
-
-<div>
-  <pre>{$content.myFile}</pre>
-</div>
-```
-
-  </Tab>
-  <Tab label="Preact" value="preact">
-
-To use embedded file content in Preact components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "preact";
-import { useIntlayer } from "preact-intlayer";
-
-const FileComponent: FC = () => {
-  const { myFile } = useIntlayer("my_key");
-
-  return (
-    <div>
-      <pre>{myFile}</pre>
-    </div>
-  );
-};
-
-export default FileComponent;
-```
-
-  </Tab>
-  <Tab label="Solid" value="solid">
-
-To use embedded file content in SolidJS components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { Component } from "solid-js";
-import { useIntlayer } from "solid-intlayer";
-
-const FileComponent: Component = () => {
-  const { myFile } = useIntlayer("my_key");
-
-  return (
-    <div>
-      <pre>{myFile}</pre>
-    </div>
-  );
-};
-
-export default FileComponent;
-```
-
-  </Tab>
-  <Tab label="Angular" value="angular">
-
-To use embedded file content in Angular components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```typescript fileName="app.component.ts" codeFormat="typescript"
-import { Component } from "@angular/core";
-import { useIntlayer } from "angular-intlayer";
-
-@Component({
-  selector: "app-file",
-  template: `
-    <div>
-      <pre>{{ content().myFile }}</pre>
-    </div>
-  `,
-})
-export class FileComponent {
-  content = useIntlayer("my_key");
-}
-```
-
-  </Tab>
-  <Tab label="Vanilla JS" value="vanilla">
-
-To use embedded file content with `vanilla-intlayer`, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```typescript fileName="**/*.ts" codeFormat={["typescript", "esm"]}
-import { installIntlayer, useIntlayer } from "vanilla-intlayer";
-
-installIntlayer();
-
-const content = useIntlayer("my_key").onChange((newContent) => {
-  document.getElementById("file-content")!.textContent = newContent.myFile;
-});
-
-// Initial render
-document.getElementById("file-content")!.textContent = content.myFile;
-```
-
-  </Tab>
-</Tabs>
 ## Configurare il Contenuto del File
 
 Per incorporare il contenuto di un file nel tuo progetto Intlayer, utilizza la funzione `file` in un modulo di contenuto. Di seguito sono riportati esempi che mostrano diverse implementazioni.

package/docs/it/dictionary/html.md

@@ -248,7 +248,7 @@ Puoi configurare il rendering HTML a livello globale per l'intera applicazione.
 
 <Tabs group="framework">
   <Tab label="React / Next.js" value="react">
-  
+
     ```tsx fileName="AppProvider.tsx"
     import { HTMLProvider } from "react-intlayer/html";
 
@@ -285,7 +285,7 @@ Puoi configurare il rendering HTML a livello globale per l'intera applicazione.
 
   </Tab>
   <Tab label="Vue" value="vue">
-  
+
     ```typescript fileName="main.ts"
     import { createApp, h } from "vue";
     import { intlayer } from "vue-intlayer";
@@ -330,7 +330,7 @@ Puoi configurare il rendering HTML a livello globale per l'intera applicazione.
 
   </Tab>
   <Tab label="Svelte" value="svelte">
-   
+
     ```svelte fileName="App.svelte"
     <script lang="ts">
       import { HTMLProvider } from "svelte-intlayer/html";
@@ -367,7 +367,7 @@ Puoi configurare il rendering HTML a livello globale per l'intera applicazione.
 
   </Tab>
   <Tab label="Preact" value="preact">
-   
+
     ```tsx fileName="AppProvider.tsx"
     import { HTMLProvider } from "preact-intlayer/html";
 
@@ -403,7 +403,7 @@ Puoi configurare il rendering HTML a livello globale per l'intera applicazione.
 
   </Tab>
   <Tab label="Solid" value="solid">
-   
+
     ```tsx fileName="AppProvider.tsx"
     import { HTMLProvider } from "solid-intlayer/html";
 
@@ -463,9 +463,9 @@ Puoi configurare il rendering HTML a livello globale per l'intera applicazione.
     export const appConfig: ApplicationConfig = {
       providers: [
         createIntlayerHTMLProvider({
-          renderMarkdown: async (html) => {
-            const { renderMarkdown } = await import('angular-intlayer/html');
-            return renderMarkdown(html);
+          renderHTML: async (html) => {
+            const { renderHTML } = await import('angular-intlayer/html');
+            return renderHTML(html);
           },
         }),
       ],
@@ -522,9 +522,9 @@ Se hai bisogno di renderizzare stringhe HTML grezze o di avere un controllo magg
 
   </Tab>
   <Tab label="Vue" value="vue">
-   
+
     #### Componente `<HTMLRenderer />`
-   
+
     ```vue
     <script setup>
     import { HTMLRenderer } from "vue-intlayer/html";
@@ -537,9 +537,9 @@ Se hai bisogno di renderizzare stringhe HTML grezze o di avere un controllo magg
 
   </Tab>
   <Tab label="Svelte" value="svelte">
-  
+
     #### Componente `<HTMLRenderer />`
-   
+
     ```svelte
     <script lang="ts">
     import { HTMLRenderer } from "svelte-intlayer/html";
@@ -571,9 +571,9 @@ Se hai bisogno di renderizzare stringhe HTML grezze o di avere un controllo magg
 
   </Tab>
   <Tab label="Preact" value="preact">
-   
+
     #### Componente `<HTMLRenderer />`
-   
+
     ```tsx
     import { HTMLRenderer } from "preact-intlayer/html";
 
@@ -602,9 +602,9 @@ Se hai bisogno di renderizzare stringhe HTML grezze o di avere un controllo magg
 
   </Tab>
   <Tab label="Solid" value="solid">
-   
+
     #### Componente `<HTMLRenderer />`
-   
+
     ```tsx
     import { HTMLRenderer } from "solid-intlayer/html";
 
@@ -637,13 +637,13 @@ Se hai bisogno di renderizzare stringhe HTML grezze o di avere un controllo magg
     Renderizza una stringa HTML utilizzando il servizio.
 
     ```typescript
-    import { IntlayerHTMLService } from "angular-intlayer";
+    import { IntlayerHTMLService } from "angular-intlayer/html";
 
     export class MyComponent {
       constructor(private markdownService: IntlayerHTMLService) {}
 
       renderHTML(html: string) {
-        return this.markdownService.renderMarkdown(html);
+        return this.markdownService.renderHTML(html);
       }
     }
     ```