Question 1

O que o módulo @nuxtjs/i18n traz para uma aplicação Nuxt?

Accepted Answer

O módulo @nuxtjs/i18n integra o vue-i18n no Nuxt e adiciona recursos específicos do framework, como roteamento automático por locale, detecção do idioma do navegador, SEO multilíngue e geração automática de rotas localizadas. Ele simplifica consideravelmente a configuração de uma aplicação multilíngue ao tratar automaticamente aspectos técnicos complexos como redirecionamentos, tags meta alternates e lazy loading das traduções.

Question 2

Qual configuração permite definir o locale padrão de uma aplicação Nuxt i18n?

Accepted Answer

A propriedade defaultLocale na configuração i18n define o idioma padrão usado quando nenhum locale específico é detectado ou solicitado. Esse locale serve como fallback e é usado para a raiz do site se a estratégia de routing permitir. Ele deve corresponder a um dos códigos definidos no array locales. É um parâmetro fundamental que garante que a aplicação sempre tenha um idioma de referência funcional.

Question 3

Como acessar as traduções em um componente Vue com @nuxtjs/i18n?

Accepted Answer

O composable useI18n fornecido pelo @nuxtjs/i18n expõe a função t que permite acessar as traduções definidas nos arquivos de locale. Essa função aceita uma chave de tradução e parâmetros opcionais para interpolação. É o método recomendado no Nuxt 3 com a Composition API, substituindo a antiga sintaxe this.$t. O composable também dá acesso a outros recursos como locale, locales e setLocale para gerenciar dinamicamente os idiomas.

Internacionalização no Nuxt

O que o módulo @nuxtjs/i18n traz para uma aplicação Nuxt?

Resposta

Qual configuração permite definir o locale padrão de uma aplicação Nuxt i18n?

Resposta

Como acessar as traduções em um componente Vue com @nuxtjs/i18n?

Resposta

Como alterar dinamicamente a locale ativa em uma aplicação Nuxt i18n?

Qual é a diferença entre as estratégias de routing prefix_except_default e prefix?

Outros temas de entrevista Vue.js / Nuxt.js

Fundamentos de JavaScript

JavaScript moderno (ES6+)

Fundamentos do Vue

Componentes Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Reatividade do Vue

Fundamentos do Nuxt

Data Fetching no Nuxt

SSR e SSG no Nuxt

Rotas de servidor Nuxt

Módulos Nuxt

Composables do Vue

Formulários e validação Vue

Gerenciamento de estado no Nuxt

Testes no Vue

Deploy do Nuxt e CI/CD

Desempenho do Vue

Padrões avançados do Vue

TypeScript com Vue

Autenticação Nuxt

SEO com Nuxt

Arquitetura Vue

Segurança no Nuxt

Ecossistema Vue

Migração Vue 2→3 e Nuxt 2→3

Domine Vue.js / Nuxt.js para sua proxima entrevista