Question 1

Qu'est-ce que le module @nuxtjs/i18n apporte à une application Nuxt ?

Accepted Answer

Le module @nuxtjs/i18n intègre vue-i18n dans Nuxt et ajoute des fonctionnalités spécifiques au framework comme le routing automatique par locale, la détection de langue du navigateur, le SEO multilingue et la génération automatique de routes localisées. Il simplifie considérablement la mise en place d'une application multilingue en gérant automatiquement les aspects techniques complexes comme les redirections, les balises meta alternates et le lazy loading des traductions.

Question 2

Quelle configuration permet de définir la locale par défaut d'une application Nuxt i18n ?

Accepted Answer

La propriété defaultLocale dans la configuration i18n définit la langue par défaut utilisée lorsqu'aucune locale spécifique n'est détectée ou demandée. Cette locale sert de fallback et est utilisée pour la racine du site si la stratégie de routing le permet. Elle doit correspondre à l'un des codes définis dans le tableau locales. C'est un paramètre fondamental qui garantit que l'application a toujours une langue de référence fonctionnelle.

Question 3

Comment accéder aux traductions dans un composant Vue avec @nuxtjs/i18n ?

Accepted Answer

Le composable useI18n fourni par @nuxtjs/i18n expose la fonction t qui permet d'accéder aux traductions définies dans les fichiers de locale. Cette fonction accepte une clé de traduction et des paramètres optionnels pour l'interpolation. C'est la méthode recommandée dans Nuxt 3 avec la Composition API, remplaçant l'ancienne syntaxe this.$t. Le composable donne également accès à d'autres fonctionnalités comme locale, locales, et setLocale pour gérer dynamiquement les langues.

Internationalisation Nuxt

Qu'est-ce que le module @nuxtjs/i18n apporte à une application Nuxt ?

Réponse

Quelle configuration permet de définir la locale par défaut d'une application Nuxt i18n ?

Réponse

Comment accéder aux traductions dans un composant Vue avec @nuxtjs/i18n ?

Réponse

Comment changer dynamiquement la locale active dans une application Nuxt i18n ?

Quelle est la différence entre les stratégies de routing prefix_except_default et prefix ?

Autres sujets d'entretien Vue.js / Nuxt.js

Fondamentaux JavaScript

JavaScript moderne (ES6+)

Les bases de Vue

Composants Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Réactivité Vue

Fondamentaux Nuxt

Data Fetching Nuxt

SSR & SSG Nuxt

Server Routes Nuxt

Modules Nuxt

Composables Vue

Formulaires & Validation Vue

Gestion d'état Nuxt

Testing Vue

Déploiement Nuxt & CI/CD

Performance Vue

Patterns avancés Vue

TypeScript avec Vue

Authentification Nuxt

SEO avec Nuxt

Architecture Vue

Sécurité Nuxt

Écosystème Vue

Migration Vue 2→3 & Nuxt 2→3

Maîtrise Vue.js / Nuxt.js pour ton prochain entretien