@intlayer/docs 5.5.8

package/pt/packages/intlayer/index.md

@@ -0,0 +1,484 @@
+# intlayer: Pacote NPM para Gerenciar Dicionário Multilíngue (i18n)
+
+**Intlayer** é um conjunto de pacotes projetados especificamente para desenvolvedores JavaScript. Ele é compatível com frameworks como React, Next.js e Express.js.
+
+**O pacote `intlayer`** permite que você declare seu conteúdo em qualquer lugar no seu código. Ele converte declarações de conteúdo multilíngue em dicionários estruturados que se integram perfeitamente ao seu aplicativo. Com TypeScript, **Intlayer** aprimora seu desenvolvimento fornecendo ferramentas mais fortes 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 TypeScript para garantir que todas as suas 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 Intlayer
+
+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"
+// Configuração de internacionalização
+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";
+
+/** @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 de parâmetros disponíveis, consulte a [documentação de configuração](https://github.com/aymericzip/intlayer/blob/main/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/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
+```
+
+### Declarar seu conteúdo
+
+Aqui está um exemplo de declaração de conteúdo:
+
+```tsx fileName="src/ClientComponent/index.content.ts" codeFormat="typescript"
+// Conteúdo traduzido do componente cliente
+import { t, type Dictionary } from "intlayer";
+
+const clientComponentContent = {
+  key: "client-component",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+      pt: "Olá Mundo",
+    }),
+    numberOfCar: enu({
+      "<-1": "Menos de menos um carro",
+      "-1": "Menos um carro",
+      "0": "Nenhum carro",
+      "1": "Um carro",
+      ">5": "Alguns carros",
+      ">19": "Muitos carros",
+    }),
+  },
+} 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",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+      pt: "Olá Mundo",
+    }),
+    numberOfCar: enu({
+      "<-1": "Menos de 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",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+      pt: "Olá Mundo",
+    }),
+    numberOfCar: enu({
+      "<-1": "Menos de 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",
+        "pt": "Olá Mundo"
+      }
+    },
+    "numberOfCar": {
+      "nodeType": "enumeration",
+      "enumeration": {
+        "<-1": "Menos de menos um carro",
+        "-1": "Menos um carro",
+        "0": "Nenhum carro",
+        "1": "Um carro",
+        ">5": "Alguns carros",
+        ">19": "Muitos carros"
+      }
+    }
+  }
+}
+```
+
+### Construir 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 analisa 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 no seu aplicativo
+    │   ├── dictionary.cjs
+    │   └── dictionary.mjs
+    └── types  # Contém as definições de tipo geradas automaticamente do seu dicionário
+        ├── intlayer.d.ts  # Contém as definições de tipo 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"
+// Configuração de saída de mensagens
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  /* ... */
+  content: {
+    // Informa ao Intlayer para gerar arquivos de mensagens para i18next
+    dictionaryOutput: ["i18next"],
+
+    // O diretório onde o Intlayer 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 i18next
+    dictionaryOutput: ["i18next"],
+
+    // O diretório onde o Intlayer 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 i18next
+    dictionaryOutput: ["i18next"],
+
+    // O diretório onde o Intlayer 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/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 **en/client-component.json** pode ser assim:
+
+```json fileName="intlayer/dictionary/en/client-component.json"
+{
+  "myTranslatedContent": "Hello World",
+  "zero_numberOfCar": "Nenhum carro",
+  "one_numberOfCar": "Um carro",
+  "two_numberOfCar": "Dois carros",
+  "other_numberOfCar": "Alguns carros"
+}
+```
+
+### Construir dicionários next-intl
+
+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"
+// Configuração para next-intl
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  /* ... */
+  content: {
+    // Informa ao Intlayer para gerar arquivos de mensagens para next-intl
+    dictionaryOutput: ["next-intl"],
+
+    // O diretório onde o Intlayer 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: {
+    // Informa ao Intlayer para gerar arquivos de mensagens para next-intl
+    dictionaryOutput: ["next-intl"],
+
+    // O diretório onde o Intlayer 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: {
+    // Informa ao Intlayer para gerar arquivos de mensagens para next-intl
+    dictionaryOutput: ["next-intl"],
+
+    // O diretório onde o Intlayer gravará seus arquivos JSON de mensagens
+    nextIntlMessagesDir: "./intl/messages",
+  },
+};
+
+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/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 **en/client-component.json** pode ser assim:
+
+```json fileName="intlayer/dictionary/en/client-component.json"
+{
+  "myTranslatedContent": "Hello World",
+  "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 ausentes
+- construir dicionários a partir de suas declarações de conteúdo
+- enviar e puxar dicionários distantes do seu CMS para o seu projeto local
+
+Consulte [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_cli.md) para mais informações.
+
+## Usar Intlayer no seu aplicativo
+
+Uma vez que seu conteúdo foi declarado, você pode consumir seus dicionários Intlayer no seu aplicativo.
+
+O Intlayer está disponível como um pacote para seu aplicativo.
+
+### Aplicativo React
+
+Para usar o Intlayer no seu aplicativo React, você pode usar [react-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/react-intlayer/index.md).
+
+### Aplicativo Next.js
+
+Para usar o Intlayer no seu aplicativo Next.js, você pode usar [next-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/next-intlayer/index.md).
+
+### Aplicativo Express
+
+Para usar o Intlayer no seu aplicativo Express, você pode usar [express-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/express-intlayer/index.md).
+
+## Funções fornecidas pelo pacote `intlayer`
+
+O pacote `intlayer` também fornece algumas funções para ajudá-lo a internacionalizar seu aplicativo.
+
+- [`getConfiguration()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getConfiguration.md)
+- [`getTranslation()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getTranslation.md)
+- [`getEnumeration()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getEnumeration.md)
+- [`getLocaleName()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
+- [`getLocaleLang()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleLang.md)
+- [`getHTMLTextDir()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
+- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getPathWithoutLocale.md)
+- [`getMultilingualUrls()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getMultilingualUrls.md)
+- [`getLocalizedUrl()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
+- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getPathWithoutLocale.md)

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

@@ -0,0 +1,41 @@
+# 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 disponibiliza para as interfaces de linha de comando `intlayer`.
+
+> Observe 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 de `@intlayer/core`.
+
+## Instalação
+
+Instale o pacote necessário usando o gerenciador de pacotes de sua preferência:
+
+```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 ausentes
+- construir dicionários a partir de suas declarações de conteúdo
+- enviar e receber dicionários distantes do seu CMS para o seu projeto local
+
+Consulte [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_cli.md) para mais informações.

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

@@ -0,0 +1,113 @@
+# 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 o gerenciador de pacotes de sua preferência:
+
+```bash packageManager="npm"
+npm install intlayer-editor
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer-editor
+```
+
+```bash packageManager="yarn"
+yarn add intlayer-editor
+```
+
+### Configuração
+
+No 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.
+    // Eles podem ser obtidos criando um novo cliente no Intlayer Dashboard - Projetos (https://intlayer.org/dashboard/projects).
+    clientId: process.env.INTLAYER_CLIENT_ID,
+    clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+  },
+};
+```
+
+> Se você não tiver um client ID e um client secret, pode obtê-los criando um novo cliente no [Intlayer Dashboard - Projetos](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/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/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/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/pt/intlayer_with_vite+react.md)
+
+### Exemplo de integração
+
+Para integrar o editor visual Intlayer ao seu projeto React, siga estas etapas:
+
+- Importe o componente do editor Intlayer para 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>{/* Seu conteúdo do App aqui */}</IntlayerEditor>
+        </IntlayerEditorProvider>
+      </IntlayerProvider>
+    );
+  }
+  ```
+
+- Importe os estilos do editor Intlayer para 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, habilitado e iniciado, você pode visualizar cada campo indexado pelo Intlayer passando o cursor sobre o 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 destacado, você pode pressioná-lo por um longo tempo para exibir a gaveta de edição.

package/pt/packages/lynx-intlayer/index.md

@@ -0,0 +1,58 @@
+**Intlayer** é um conjunto de pacotes projetado especificamente para desenvolvedores JavaScript. É compatível com frameworks como React, React e Express.js.
+
+**O pacote `lynx-intlayer`** permite que você internacionalize sua aplicação Vite. Ele inclui o plugin Metro para configurar através de variáveis de ambiente no [Lynx bundler](https://lynxjs.org/index.html).
+
+## Por que Internacionalizar Sua Aplicação Lynx?
+
+Internacionalizar sua aplicação Lynx é essencial para atender efetivamente a um público global. Isso permite que sua aplicação entregue conteúdo e mensagens no idioma preferido de cada usuário. Essa capacidade melhora a experiência do usuário e amplia o alcance da sua aplicação, tornando-a mais acessível e relevante para pessoas de diferentes origens linguísticas.
+
+## Configuração
+
+O pacote `lynx-intlayer` funciona perfeitamente com o [pacote `react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/react-intlayer/index.md) e o [pacote `intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/index.md). Consulte a documentação relevante para mais informações.
+
+## Instalação
+
+Instale o pacote necessário usando seu gerenciador de pacotes preferido:
+
+```bash packageManager="npm"
+npm install lynx-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add lynx-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add lynx-intlayer
+```
+
+## Exemplo de uso
+
+Veja um exemplo de como incluir os plugins na configuração do seu Vite.
+
+```ts
+// lynx.config.ts
+import { defineConfig } from "@lynx-js/rspeedy";
+import { pluginIntlayerLynx } from "lynx-intlayer/plugin";
+
+export default defineConfig({
+  plugins: [
+    // ... outros plugins
+    pluginIntlayerLynx(),
+  ],
+});
+```
+
+## Dominando a internacionalização da sua aplicação Vite
+
+O Intlayer oferece muitos recursos para ajudá-lo a internacionalizar sua aplicação Vite.
+
+**Para saber mais sobre esses recursos, consulte o guia [Internacionalização (i18n) com Intlayer e Lynx no React](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_with_lynx+react.md) para Aplicações Lynx.**
+
+## Leia sobre o Intlayer
+
+- [Site do Intlayer](https://intlayer.org)
+- [Documentação do Intlayer](https://intlayer.org/doc)
+- [GitHub do Intlayer](https://github.com/aymericzip/intlayer)
+
+- [Faça suas perguntas à nossa documentação inteligente](https://intlayer.org/docchat)