@intlayer/docs 6.0.2 → 6.1.0

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

@@ -1,500 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: Documentação do Pacote | intlayer
-description: Veja como usar o pacote intlayer
-keywords:
-  - Intlayer
-  - intlayer
-  - Internacionalização
-  - Documentação
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - intlayer
----
-
-# intlayer: Pacote NPM para Gerenciar Dicionário Multilíngue (i18n)
-
-**Intlayer** é um conjunto de pacotes projetados especificamente para desenvolvedores JavaScript. É compatível com frameworks como React, Next.js e Express.js.
-
-**O pacote `intlayer`** permite que você declare seu conteúdo em qualquer lugar do seu código. Ele converte declarações de conteúdo multilíngue em dicionários estruturados que se integram perfeitamente à sua aplicação. Com TypeScript, **Intlayer** aprimora seu desenvolvimento fornecendo ferramentas mais robustas e eficientes.
-
-## Por que integrar o Intlayer?
-
-- **Gerenciamento de Conteúdo com JavaScript**: Aproveite a flexibilidade do JavaScript para definir e gerenciar seu conteúdo de forma eficiente.
-- **Ambiente com Tipagem Segura**: Utilize o TypeScript para garantir que todas as definições de conteúdo sejam precisas e livres de erros.
-- **Arquivos de Conteúdo Integrados**: Mantenha suas traduções próximas aos seus respectivos componentes, melhorando a manutenção e a clareza.
-
-## Instalação
-
-Instale o pacote necessário usando seu gerenciador de pacotes preferido:
-
-```bash packageManager="npm"
-npm install intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add intlayer
-```
-
-```bash packageManager="yarn"
-yarn add intlayer
-```
-
-### Configurar o Intlayer
-
-O Intlayer fornece um arquivo de configuração para configurar seu projeto. Coloque este arquivo na raiz do seu projeto.
-
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
-import { Locales, type IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
-    defaultLocale: Locales.ENGLISH,
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-javascript fileName="intlayer.config.mjs" codeFormat="esm"
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
-    defaultLocale: Locales.ENGLISH,
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
-    defaultLocale: Locales.ENGLISH,
-  },
-};
-
-module.exports = config;
-```
-
-> Para uma lista completa dos parâmetros disponíveis, consulte a [documentação de configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/configuration.md).
-
-## Exemplo de uso
-
-Com o Intlayer, você pode declarar seu conteúdo de forma estruturada em qualquer lugar do seu código.
-
-Por padrão, o Intlayer procura arquivos com a extensão `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`.
-
-> Você pode modificar a extensão padrão configurando a propriedade `contentDir` no [arquivo de configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/configuration.md).
-
-```bash codeFormat="typescript"
-.
-├── intlayer.config.ts
-└── src
-    ├── ClientComponent
-    │   ├── index.content.ts
-    │   └── index.tsx
-    └── ServerComponent
-        ├── index.content.ts
-        └── index.tsx
-```
-
-```bash codeFormat="esm"
-.
-├── intlayer.config.mjs
-└── src
-    ├── ClientComponent
-    │   ├── index.content.mjs
-    │   └── index.mjx
-    └── ServerComponent
-        ├── index.content.mjs
-        └── index.mjx
-```
-
-```bash codeFormat="commonjs"
-.
-├── intlayer.config.cjs
-└── src
-    ├── ClientComponent
-    │   ├── index.content.cjs
-    │   └── index.cjx
-    └── ServerComponent
-        ├── index.content.cjs
-        └── index.cjx
-```
-
-### Declare seu conteúdo
-
-Aqui está um exemplo de declaração de conteúdo:
-
-```tsx fileName="src/ClientComponent/index.content.ts" codeFormat="typescript"
-import { t, type Dictionary } from "intlayer";
-
-const clientComponentContent = {
-  key: "client-component",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Less than minus one car",
-      "-1": "Minus one car",
-      "0": "No cars",
-      "1": "One car",
-      ">5": "Some cars",
-      ">19": "Many cars",
-    }),
-  },
-} satisfies Dictionary;
-
-export default clientComponentContent;
-```
-
-```jsx fileName="src/ClientComponent/index.content.mjs" contentDeclarationFormat="esm"
-import { t } from "intlayer";
-
-/** @type {import('intlayer').Dictionary} */
-const clientComponentContent = {
-  key: "client-component",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Menos que menos um carro",
-      "-1": "Menos um carro",
-      "0": "Nenhum carro",
-      "1": "Um carro",
-      ">5": "Alguns carros",
-      ">19": "Muitos carros",
-    }),
-  },
-};
-
-export default clientComponentContent;
-```
-
-```jsx fileName="src/ClientComponent/index.content.cjs" contentDeclarationFormat="commonjs"
-const { t } = require("intlayer");
-
-/** @type {import('intlayer').Dictionary} */
-const clientComponentContent = {
-  key: "client-component",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Menos que menos um carro",
-      "-1": "Menos um carro",
-      "0": "Nenhum carro",
-      "1": "Um carro",
-      ">5": "Alguns carros",
-      ">19": "Muitos carros",
-    }),
-  },
-};
-
-module.exports = clientComponentContent;
-```
-
-```json fileName="src/ClientComponent/index.content.json" codeFormat="json"
-{
-  "key": "client-component",
-  "content": {
-    "myTranslatedContent": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "Hello World",
-        "fr": "Bonjour le monde",
-        "es": "Hola Mundo"
-      }
-    },
-    "numberOfCar": {
-      "nodeType": "enumeration",
-      "enumeration": {
-        "<-1": "Menos que menos um carro",
-        "-1": "Menos um carro",
-        "0": "Nenhum carro",
-        "1": "Um carro",
-        ">5": "Alguns carros",
-        ">19": "Muitos carros"
-      }
-    }
-  }
-}
-```
-
-### Construa seus dicionários
-
-Você pode construir seus dicionários usando o [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/packages/intlayer-cli/readme.md).
-
-```bash packageManager="npm"
-npx intlayer dictionaries build
-```
-
-```bash packageManager="yarn"
-yarn intlayer build
-```
-
-```bash packageManager="pnpm"
-pnpm intlayer build
-```
-
-Este comando escaneia todos os arquivos `*.content.*`, compila-os e grava os resultados no diretório especificado no seu **`intlayer.config.ts`** (por padrão, `./.intlayer`).
-
-Uma saída típica pode ser:
-
-```bash
-.
-└── .intlayer
-    ├── dictionary  # Contém o dicionário do seu conteúdo
-    │   ├── client-component.json
-    │   └── server-component.json
-    ├── main  # Contém o ponto de entrada do seu dicionário para ser usado na sua aplicação
-    │   ├── dictionary.cjs
-    │   └── dictionary.mjs
-    └── types  # Contém as definições de tipos geradas automaticamente do seu dicionário
-        ├── intlayer.d.ts  # Contém as definições de tipos geradas automaticamente do Intlayer
-        ├── client-component.d.ts
-        └── server-component.d.ts
-```
-
-### Construir recursos i18next
-
-Intlayer pode ser configurado para construir dicionários para [i18next](https://www.i18next.com/). Para isso, você precisa adicionar a seguinte configuração ao seu arquivo `intlayer.config.ts`:
-
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
-import { Locales, type IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  /* ... */
-  content: {
-    // Informa ao Intlayer para gerar arquivos de mensagens para o i18next
-    dictionaryOutput: ["i18next"],
-
-    // O diretório onde o Intlayer irá gravar seus arquivos JSON de mensagens
-    i18nextResourcesDir: "./i18next/resources",
-  },
-};
-```
-
-```typescript fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Informa ao Intlayer para gerar arquivos de mensagens para o i18next
-    dictionaryOutput: ["i18next"],
-
-    // O diretório onde o Intlayer irá gravar seus arquivos JSON de mensagens
-    i18nextResourcesDir: "./i18next/resources",
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Informa ao Intlayer para gerar arquivos de mensagens para o i18next
-    dictionaryOutput: ["i18next"],
-
-    // O diretório onde o Intlayer irá gravar seus arquivos JSON de mensagens
-    i18nextResourcesDir: "./i18next/resources",
-  },
-};
-
-module.exports = config;
-```
-
-> Para uma lista completa de parâmetros disponíveis, consulte a [documentação de configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/configuration.md).
-
-Saída:
-
-```bash
-.
-└── i18next
-    └── resources
-        ├── en
-        │   ├── client-component.json
-        │   └── server-component.json
-        ├── es
-        │   ├── client-component.json
-        │   └── server-component.json
-        └── fr
-            ├── client-component.json
-            └── server-component.json
-```
-
-Por exemplo, o arquivo **en/client-component.json** pode ser assim:
-
-```json fileName="intlayer/dictionary/en/client-component.json"
-{
-  "myTranslatedContent": "Hello World",
-  "zero_numberOfCar": "No cars",
-  "one_numberOfCar": "One car",
-  "two_numberOfCar": "Two cars",
-  "other_numberOfCar": "Alguns carros"
-}
-```
-
-### Construir dicionários next-intl
-
-O Intlayer pode ser configurado para construir dicionários para [i18next](https://www.i18next.com/) ou [next-intl](https://github.com/formatjs/react-intl/tree/main/packages/next-intl). Para isso, você precisa adicionar a seguinte configuração ao seu arquivo `intlayer.config.ts`:
-
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
-import { Locales, type IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  /* ... */
-  content: {
-    // Indica ao Intlayer para gerar arquivos de mensagens para i18next
-    dictionaryOutput: ["next-intl"],
-
-    // O diretório onde o Intlayer irá gravar seus arquivos JSON de mensagens
-    nextIntlMessagesDir: "./i18next/messages",
-  },
-};
-```
-
-```typescript fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Indica ao Intlayer para gerar arquivos de mensagens para i18next
-    dictionaryOutput: ["next-intl"],
-
-    // O diretório onde o Intlayer irá gravar seus arquivos JSON de mensagens
-    nextIntlMessagesDir: "./i18next/messages",
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Indica ao Intlayer para gerar arquivos de mensagens para i18next
-    dictionaryOutput: ["next-intl"],
-
-    // O diretório onde o Intlayer irá gravar seus arquivos JSON de mensagens
-    nextIntlMessagesDir: "./intl/messages",
-  },
-};
-
-module.exports = config;
-```
-
-> Para uma lista completa dos parâmetros disponíveis, consulte a [documentação de configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/configuration.md).
-
-Saída:
-
-```bash
-.
-└── intl
-    └── messages
-        ├── en
-        │   ├── client-component.json
-        │   └── server-component.json
-        ├── es
-        │   ├── client-component.json
-        │   └── server-component.json
-        └── fr
-            ├── client-component.json
-            └── server-component.json
-```
-
-Por exemplo, o arquivo **en/client-component.json** pode ser assim:
-
-```json fileName="intlayer/dictionary/en/client-component.json"
-{
-  "myTranslatedContent": "Olá Mundo",
-  "zero_numberOfCar": "Nenhum carro",
-  "one_numberOfCar": "Um carro",
-  "two_numberOfCar": "Dois carros",
-  "other_numberOfCar": "Alguns carros"
-}
-```
-
-## Ferramentas CLI
-
-O Intlayer fornece uma ferramenta CLI para:
-
-- auditar suas declarações de conteúdo e completar traduções faltantes
-- construir dicionários a partir de suas declarações de conteúdo
-- enviar e puxar dicionários remotos do seu CMS para o seu projeto de localidade
-
-Consulte [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/intlayer_cli.md) para mais informações.
-
-## Usar o Intlayer na sua aplicação
-
-Uma vez que seu conteúdo esteja declarado, você pode consumir seus dicionários Intlayer na sua aplicação.
-
-O Intlayer está disponível como um pacote para sua aplicação.
-
-### Aplicação React
-
-Para usar o Intlayer na sua aplicação React, você pode usar [react-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/react-intlayer/index.md).
-
-### Aplicação Next.js
-
-Para usar o Intlayer na sua aplicação Next.js, você pode usar [next-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/next-intlayer/index.md).
-
-### Aplicação Express
-
-Para usar o Intlayer na sua aplicação Express, você pode usar [express-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/express-intlayer/index.md).
-
-## Funções fornecidas pelo pacote `intlayer`
-
-O pacote `intlayer` também fornece algumas funções para ajudar você a internacionalizar sua aplicação.
-
-- [`getConfiguration()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getConfiguration.md)
-- [`getTranslation()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getTranslation.md)
-- [`getEnumeration()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getEnumeration.md)
-- [`getLocaleName()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getLocaleName.md)
-- [`getLocaleLang()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getLocaleLang.md)
-- [`getHTMLTextDir()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getHTMLTextDir.md)
-- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getPathWithoutLocale.md)
-- [`getMultilingualUrls()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getMultilingualUrls.md)
-- [`getLocalizedUrl()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getLocalizedUrl.md)
-- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/getPathWithoutLocale.md)
-
-## Histórico da Documentação
-
-- 5.5.10 - 2025-06-29: Histórico inicial

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

@@ -1,65 +0,0 @@
----
-createdAt: 2025-02-07
-updatedAt: 2025-06-29
-title: intlayer-cli - Ferramenta de Linha de Comando para Internacionalização
-description: Pacote de interface de linha de comando para Intlayer fornecendo ferramentas para gerenciar traduções, construir dicionários e automatizar fluxos de trabalho de internacionalização.
-keywords:
-  - intlayer
-  - CLI
-  - linha de comando
-  - internacionalização
-  - i18n
-  - ferramentas
-  - NPM
-  - automação
-slugs:
-  - doc
-  - package
-  - intlayer-cli
----
-
-# intlayer-cli: Pacote NPM para usar o Intlayer CLI
-
-**Intlayer** é um conjunto de pacotes projetados especificamente para desenvolvedores JavaScript. É compatível com frameworks como React, React e Express.js.
-
-O pacote **`intlayer-cli`** é um pacote NPM que consome o pacote `@intlayer/cli` e o torna disponível para as interfaces de linha de comando `intlayer`.
-
-> Note que este pacote não é necessário se o pacote [`intlayer`](https://github.com/aymericzip/intlayer/tree/main/docs/pt/packages/intlayer/index.md) estiver instalado. Em comparação com o pacote `intlayer`, o pacote `intlayer-cli` é um pacote mais leve que contém apenas a ferramenta CLI, sem dependências do `@intlayer/core`.
-
-## Instalação
-
-Instale o pacote necessário usando seu gerenciador de pacotes preferido:
-
-```bash packageManager="npm"
-npm install intlayer-cli -g
-```
-
-```bash packageManager="pnpm"
-pnpm add intlayer-cli -g
-```
-
-```bash packageManager="yarn"
-yarn add intlayer-cli -g
-```
-
-## Uso
-
-Aqui está um exemplo de como usar o pacote `intlayer-cli`:
-
-```bash
-npx intlayer dictionaries build
-```
-
-## Comandos CLI
-
-O Intlayer fornece uma ferramenta CLI para:
-
-- auditar suas declarações de conteúdo e completar traduções faltantes
-- construir dicionários a partir de suas declarações de conteúdo
-- enviar e puxar dicionários remotos do seu CMS para seu projeto local
-
-Consulte [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/intlayer_cli.md) para mais informações.
-
-## Histórico do Documento
-
-- 5.5.10 - 2025-06-29: Histórico inicial

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

@@ -1,139 +0,0 @@
----
-createdAt: 2025-02-07
-updatedAt: 2025-06-29
-title: intlayer-editor - Pacote Visual de Editor de Tradução
-description: Pacote de editor visual para Intlayer que fornece uma interface intuitiva para gerenciar traduções e edição colaborativa de conteúdo com assistência de IA.
-keywords:
-  - intlayer
-  - editor
-  - visual
-  - tradução
-  - colaborativo
-  - IA
-  - NPM
-  - interface
-slugs:
-  - doc
-  - package
-  - intlayer-editor
----
-
-# intlayer-editor: Pacote NPM para usar o editor visual Intlayer
-
-**Intlayer** é um conjunto de pacotes projetados especificamente para desenvolvedores JavaScript. É compatível com frameworks como React, React e Express.js.
-
-O pacote **`intlayer-editor`** é um pacote NPM que integra o editor visual Intlayer ao seu projeto React.
-
-## Como o Editor Intlayer Funciona
-
-O editor Intlayer permite interagir com o dicionário remoto do Intlayer. Ele pode ser instalado no lado do cliente e transformar sua aplicação em um editor semelhante a um CMS para gerenciar o conteúdo do seu site em todos os idiomas configurados.
-
-![Interface do Editor Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/assets/intlayer_editor_ui.png)
-
-## Instalação
-
-Instale o pacote necessário usando seu gerenciador de pacotes preferido:
-
-```bash packageManager="npm"
-npm install intlayer-editor
-```
-
-```bash packageManager="pnpm"
-pnpm add intlayer-editor
-```
-
-```bash packageManager="yarn"
-yarn add intlayer-editor
-```
-
-### Configuração
-
-No seu arquivo de configuração do Intlayer, você pode personalizar as configurações do editor:
-
-```typescript
-const config: IntlayerConfig = {
-  // ... outras configurações
-  editor: {
-    enabled: process.env.INTLAYER_ENABLED === "true", // Se falso, o editor está inativo e não pode ser acessado.
-    // Client ID e client secret são necessários para habilitar o editor.
-    // Eles permitem identificar o usuário que está editando o conteúdo.
-    // Podem ser obtidos criando um novo cliente no Intlayer Dashboard - Projects (https://intlayer.org/dashboard/projects).
-    clientId: process.env.INTLAYER_CLIENT_ID,
-    clientSecret: process.env.INTLAYER_CLIENT_SECRET,
-  },
-};
-```
-
-> Se você não possui um client ID e client secret, pode obtê-los criando um novo cliente no [Intlayer Dashboard - Projects](https://intlayer.org/dashboard/projects).
-
-> Para ver todos os parâmetros disponíveis, consulte a [documentação de configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/configuration.md)
-
-O pacote `intlayer-editor` é baseado no Intlayer e está disponível para aplicações JavaScript, como React (Create React App), Vite + React e Next.js.
-
-Para mais detalhes sobre como instalar o pacote, veja a seção relevante abaixo:
-
-### Integração com Next.js
-
-Para integração com Next.js, consulte o [guia de configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/intlayer_with_nextjs_15.md).
-
-### Integração com Create React App
-
-Para integração com Create React App, consulte o [guia de configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/intlayer_with_create_react_app.md)
-
-### Integração com Vite + React
-
-Para integração com Vite + React, consulte o [guia de configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/intlayer_with_vite+react.md)
-
-### Exemplo de integração
-
-Para integrar o editor visual Intlayer no seu projeto React, siga estes passos:
-
-- Importe o componente do editor Intlayer na sua aplicação React:
-
-  ```tsx fileName="src/App.jsx"
-  import { IntlayerEditorProvider } from "intlayer-editor";
-  import { IntlayerProvider } from "react-intlayer";
-
-  export default function App() {
-    return (
-      <IntlayerProvider>
-        <IntlayerEditorProvider>
-          <IntlayerEditor>
-            {/* O conteúdo da sua aplicação aqui */}
-          </IntlayerEditor>
-        </IntlayerEditorProvider>
-      </IntlayerProvider>
-    );
-  }
-  ```
-
-- Importe os estilos do editor Intlayer na sua aplicação Next.js:
-
-  ```tsx fileName="src/app/[locale]/layout.jsx"
-  import { IntlayerEditorStyles } from "intlayer-editor";
-
-  export default async function RootLayout({ children, params }) {
-    const { locale } = await params;
-    return (
-      <IntlayerClientProvider locale={locale}>
-        <IntlayerEditorProvider>
-          <html lang={locale}>
-            <body className={IntlayerEditorStyles}>{children}</body>
-          </html>
-        </IntlayerEditorProvider>
-      </IntlayerClientProvider>
-    );
-  }
-  ```
-
-## Usando o Editor
-
-Quando o editor está instalado, ativado e iniciado, você pode visualizar cada campo indexado pelo Intlayer passando o cursor sobre o seu conteúdo.
-
-![Passando o cursor sobre o conteúdo](https://github.com/aymericzip/intlayer/blob/main/docs/assets/intlayer_editor_hover_content.png)
-
-Se o seu conteúdo estiver contornado, você pode pressioná-lo por um tempo para exibir a gaveta de edição.
-
-## Histórico do Documento
-
-- 5.5.10 - 2025-06-29: Histórico inicial