vite-intlayer: Pacote NPM para internacionalizar (i18n) uma aplicação Vite

Intlayer é um conjunto de pacotes projetados especificamente para desenvolvedores JavaScript. É compatível com frameworks como React, React e Express.js.

O pacote vite-intlayer permite que você internacionalize sua aplicação Vite. Ele inclui o plugin Vite para configurar através de variáveis de ambiente no Vite bundler. Também fornece middleware para detectar o idioma preferido do usuário e redirecioná-lo para a URL apropriada conforme especificado na configuração.

Por que Internacionalizar sua Aplicação Vite?

Internacionalizar sua aplicação Vite é 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 vite-intlayer funciona perfeitamente com o react-intlayer package e o intlayer package. Consulte a documentação relevante para mais informações.

Instalação

Instale o pacote necessário usando o gerenciador de pacotes de sua preferência:

npm install vite-intlayer

Exemplo de uso

Veja um exemplo de como incluir os plugins na sua configuração Vite.

import { defineConfig } from "vite";import { intlayerPlugin, intLayerMiddlewarePlugin } from "vite-intlayer";// https://vitejs.dev/config/export default defineConfig({  plugins: [intlayerPlugin(), intLayerMiddlewarePlugin()],});

O plugin intlayerPlugin() do Vite é usado para integrar o Intlayer com o Vite. Ele garante a construção de arquivos de declaração de conteúdo e os monitora no modo de desenvolvimento. Define variáveis de ambiente do Intlayer dentro da aplicação Vite. Além disso, fornece aliases para otimizar o desempenho.

O intLayerMiddlewarePlugin() adiciona roteamento no lado do servidor à sua aplicação. Este plugin detectará automaticamente o idioma atual com base na URL e definirá o cookie de idioma apropriado. Se nenhum idioma for especificado, o plugin determinará o idioma mais apropriado com base nas preferências de idioma do navegador do usuário. Se nenhum idioma for detectado, ele redirecionará para o idioma padrão.

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 Vite e React para Aplicações Vite e React.