@intlayer/docs 6.0.2 → 6.1.1

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

@@ -1,83 +0,0 @@
----
-createdAt: 2025-03-13
-updatedAt: 2025-06-29
-title: Documentação do Pacote | lynx-intlayer
-description: Veja como usar o pacote lynx-intlayer
-keywords:
-  - Intlayer
-  - lynx-intlayer
-  - Internacionalização
-  - Documentação
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - lynx-intlayer
----
-
-# lynx-intlayer: Internacionalize (i18n) uma aplicação Lynx
-
-**Intlayer** é um conjunto de pacotes projetados 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 definir a configuração por meio 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 de forma eficaz 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/docs/pt/packages/react-intlayer/index.md) e o [`pacote intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/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 sua configuração do 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 ajudar você a internacionalizar sua aplicação Vite.
-
-**Para saber mais sobre esses recursos, consulte o guia [Internacionalização React (i18n) com Intlayer e Lynx](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/intlayer_with_lynx+react.md) para Aplicação Lynx.**
-
-## Leia sobre o Intlayer
-
-- [Site do Intlayer](https://intlayer.org)
-- [Documentação do Intlayer](https://intlayer.org/doc)
-- [Intlayer no GitHub](https://github.com/aymericzip/intlayer)
-
-- [Faça suas perguntas para nossa documentação inteligente](https://intlayer.org/doc/chat)
-
-## Histórico da Documentação
-
-- 5.5.10 - 2025-06-29: Histórico inicial

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

@@ -1,285 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: Documentação do Pacote | next-intlayer
-description: Veja como usar o pacote next-intlayer
-keywords:
-  - Intlayer
-  - next-intlayer
-  - Internacionalização
-  - Documentação
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - next-intlayer
----
-
-# next-intlayer: Pacote NPM para internacionalizar (i18n) uma aplicação Next.js
-
-**Intlayer** é um conjunto de pacotes projetados especificamente para desenvolvedores JavaScript. É compatível com frameworks como React, Next.js e Express.js.
-
-**O pacote `next-intlayer`** permite que você internacionalize sua aplicação Next.js. Ele fornece provedores de contexto e hooks para a internacionalização no Next.js. Além disso, inclui o plugin para Next.js que integra o Intlayer com [Webpack](https://webpack.js.org/) ou [Turbopack](https://nextjs.org/docs/app/api-reference/turbopack), assim como middleware para detectar a localidade preferida do usuário, gerenciar cookies e lidar com redirecionamento de URLs.
-
-## Por que internacionalizar sua aplicação Next.js?
-
-Internacionalizar sua aplicação Next.js é essencial para atender eficazmente 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.
-
-## 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 next-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add next-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add next-intlayer
-```
-
-## 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
-    └── components
-        ├── ClientComponent
-        │   ├── index.content.ts
-        │   └── index.tsx
-        └── ServerComponent
-            ├── index.content.ts
-            └── index.tsx
-```
-
-```bash codeFormat="esm"
-.
-├── intlayer.config.mjs
-└── src
-    └── components
-        ├── ClientComponent
-        │   ├── index.content.mjs
-        │   └── index.mjx
-        └── ServerComponent
-            ├── index.content.mjs
-            └── index.mjx
-```
-
-```bash codeFormat="commonjs"
-.
-├── intlayer.config.cjs
-└── src
-    └── components
-        ├── ClientComponent
-        │   ├── index.content.cjs
-        │   └── index.cjx
-        └── ServerComponent
-            ├── index.content.cjs
-            └── index.cjx
-```
-
-### Declare seu conteúdo
-
-`next-intlayer` foi criado para funcionar com o [`pacote intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/intlayer/index.md). `intlayer` é um pacote que permite declarar 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.
-
-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": "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",
-      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"
-      }
-    }
-  }
-}
-```
-
-### Utilize o Conteúdo no Seu Código
-
-Depois de declarar seu conteúdo, você pode usá-lo no seu código. Aqui está um exemplo de como usar o conteúdo em um componente React:
-
-```tsx {4,7} fileName="src/components/ClientComponentExample.tsx" codeFormat="typescript"
-"use client";
-
-import type { FC } from "react";
-import { useIntlayer } from "next-intlayer";
-
-export const ClientComponentExample: FC = () => {
-  const { myTranslatedContent } = useIntlayer("client-component"); // Criar declaração de conteúdo relacionada
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-```jsx {3,6} fileName="src/components/ClientComponentExample.mjx" codeFormat="esm"
-"use client";
-
-import { useIntlayer } from "next-intlayer";
-
-const ClientComponentExample = () => {
-  const { myTranslatedContent } = useIntlayer("client-component"); // Criar declaração de conteúdo relacionada
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-```jsx {3,6} fileName="src/components/ClientComponentExample.csx" codeFormat="commonjs"
-"use client";
-
-const { useIntlayer } = require("next-intlayer");
-
-const ClientComponentExample = () => {
-  const { myTranslatedContent } = useIntlayer("client-component"); // Criar declaração de conteúdo relacionada
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-## Dominando a internacionalização da sua aplicação Next.js
-
-O Intlayer oferece muitos recursos para ajudar você a internacionalizar sua aplicação Next.js. Aqui estão algumas das principais funcionalidades:
-
-- **Internacionalização de componentes de servidor**: O Intlayer permite que você internacionalize seus componentes de servidor da mesma forma que seus componentes de cliente. Isso significa que você pode usar as mesmas declarações de conteúdo para ambos os componentes, cliente e servidor.
-- **Middleware para Detecção de Localidade**: O Intlayer fornece um middleware para detectar a localidade preferida do usuário. Esse middleware é usado para detectar a localidade preferida do usuário e redirecioná-lo para a URL apropriada conforme especificado na [configuração](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/configuration.md).
-- **Internacionalização de metadados**: O Intlayer oferece uma forma de internacionalizar seus metadados, como o título da sua página, usando a função `generateMetadata` fornecida pelo Next.js. Você pode usar a função `getTranslation` para traduzir seus metadados.
-- **Internacionalização do sitemap.xml e robots.txt**: O Intlayer permite que você internacionalize seus arquivos sitemap.xml e robots.txt. Você pode usar a função `getMultilingualUrls` para gerar URLs multilíngues para seu sitemap.
-- **Internacionalização de URLs**: O Intlayer permite que você internacionalize suas URLs usando a função `getMultilingualUrls`. Essa função gera URLs multilíngues para seu sitemap.
-
-**Para saber mais sobre esses recursos, consulte o guia [Internacionalização (i18n) do Next.js com Intlayer e Next.js 15 App Router](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/intlayer_with_nextjs_15.md).**
-
-## Funções fornecidas pelo pacote `next-intlayer`
-
-O pacote `next-intlayer` também fornece algumas funções para ajudar você a internacionalizar sua aplicação.
-
-- [`t()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/next-intlayer/t.md)
-- [`useIntlayer()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/next-intlayer/useIntlayer.md)
-- [`useDictionary()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/next-intlayer/useDictionary.md)
-- [`useLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/packages/next-intlayer/useLocale.md)
-
-## Histórico da Documentação
-
-- 5.5.10 - 2025-06-29: Histórico inicial

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

@@ -1,53 +0,0 @@
----
-createdAt: 2025-06-18
-updatedAt: 2025-06-29
-title: Documentação do Pacote | nuxt-intlayer
-description: Veja como usar o pacote nuxt-intlayer
-keywords:
-  - Intlayer
-  - nuxt-intlayer
-  - Internacionalização
-  - Documentação
-  - JavaScript
-  - Nuxt
-slugs:
-  - doc
-  - packages
-  - nuxt-intlayer
----
-
-# nuxt-intlayer: Pacote NPM para internacionalizar (i18n) uma aplicação Vue
-
-**Intlayer** é um conjunto de pacotes projetados especificamente para desenvolvedores JavaScript. É compatível com frameworks como Vue, Vue e Express.js.
-
-**O pacote `nuxt-intlayer`** permite que você internacionalize sua aplicação Vue. Ele fornece provedores de contexto e hooks para a internacionalização em Vue.
-
-## Por que internacionalizar sua aplicação Vue?
-
-Internacionalizar sua aplicação Vue é essencial para atender eficazmente 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.
-
-## 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**: Aproveite o 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 nuxt-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add nuxt-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add nuxt-intlayer
-```
-
-## Histórico da Documentação
-
-- 5.5.10 - 2025-06-29: Histórico inicial

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

@@ -1,53 +0,0 @@
----
-createdAt: 2025-04-18
-updatedAt: 2025-06-29
-title: Documentação do Pacote | preact-intlayer
-description: Veja como usar o pacote preact-intlayer
-keywords:
-  - Intlayer
-  - preact-intlayer
-  - Internacionalização
-  - Documentação
-  - JavaScript
-  - Preact
-slugs:
-  - doc
-  - packages
-  - preact-intlayer
----
-
-# preact-intlayer: Pacote NPM para internacionalizar (i18n) uma aplicação Preact
-
-**Intlayer** é um conjunto de pacotes projetados especificamente para desenvolvedores JavaScript. É compatível com frameworks como Preact, Preact e Express.js.
-
-**O pacote `preact-intlayer`** permite que você internacionalize sua aplicação Preact. Ele fornece provedores de contexto e hooks para internacionalização em Preact.
-
-## Por que internacionalizar sua aplicação Preact?
-
-Internacionalizar sua aplicação Preact é essencial para atender eficazmente 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.
-
-## 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**: Aproveite 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 preact-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add preact-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add preact-intlayer
-```
-
-## Histórico da Documentação
-
-- 5.5.10 - 2025-06-29: Histórico inicial