# Nuxt-Internationalisierung (Vue.js / Nuxt.js)

> i18n-Modul, Übersetzungen, Locale-Erkennung, Route-Lokalisierung, Sprachumschaltung, mehrsprachiges SEO

- 18 Interview-Fragen
- Senior
- [Interview-Fragen: Vue.js / Nuxt.js](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen.md)

## 1. Was bringt das @nuxtjs/i18n-Modul einer Nuxt-Anwendung?

**Antwort**

Das @nuxtjs/i18n-Modul integriert vue-i18n in Nuxt und fügt framework-spezifische Funktionen hinzu, wie automatisches Routing pro Locale, Erkennung der Browsersprache, mehrsprachiges SEO und die automatische Generierung lokalisierter Routes. Es vereinfacht die Einrichtung einer mehrsprachigen Anwendung erheblich, indem es komplexe technische Aspekte wie Weiterleitungen, alternate Meta-Tags und das Lazy Loading von Übersetzungen automatisch übernimmt.

## 2. Welche Konfiguration ermöglicht es, die Standard-Locale einer Nuxt-i18n-Anwendung zu definieren?

**Antwort**

Die Eigenschaft defaultLocale in der i18n-Konfiguration definiert die Standardsprache, die verwendet wird, wenn keine spezifische Locale erkannt oder angefordert wird. Diese Locale dient als Fallback und wird für die Site-Wurzel verwendet, sofern die Routing-Strategie dies zulässt. Sie muss einem der im locales-Array definierten Codes entsprechen. Dies ist ein grundlegender Parameter, der sicherstellt, dass die Anwendung stets über eine funktionierende Referenzsprache verfügt.

## 3. Wie greift man in einer Vue-Komponente mit @nuxtjs/i18n auf Übersetzungen zu?

**Antwort**

Das von @nuxtjs/i18n bereitgestellte Composable useI18n stellt die Funktion t zur Verfügung, mit der auf in Locale-Dateien definierte Übersetzungen zugegriffen werden kann. Diese Funktion akzeptiert einen Übersetzungsschlüssel und optionale Parameter für die Interpolation. Dies ist die empfohlene Methode in Nuxt 3 mit der Composition API und ersetzt die alte this.$t-Syntax. Das Composable bietet außerdem Zugriff auf weitere Funktionen wie locale, locales und setLocale, um Sprachen dynamisch zu verwalten.

## 15 weitere Fragen verfügbar

- Wie ändert man die aktive locale dynamisch in einer Nuxt i18n-Anwendung?
- Was ist der Unterschied zwischen den routing-Strategien prefix_except_default und prefix?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere Vue.js / Nuxt.js-Interviewthemen

- [JavaScript-Grundlagen](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/javascript-fundamentals.md): 20 Fragen, Junior
- [Modernes JavaScript (ES6+)](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/es6-modern-javascript.md): 20 Fragen, Junior
- [Vue-Grundlagen](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-basics.md): 22 Fragen, Junior
- [Vue-Komponenten](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-components.md): 20 Fragen, Junior
- [Vue Router](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-router.md): 18 Fragen, Junior
- [Pinia State Management](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/pinia-state-management.md): 20 Fragen, Junior
- [Vuex (Legacy)](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vuex-legacy.md): 15 Fragen, Mid-Level
- [Composition API](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/composition-api.md): 24 Fragen, Mid-Level
- [Vue-Reaktivität](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-reactivity.md): 20 Fragen, Mid-Level
- [Nuxt-Grundlagen](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-fundamentals.md): 22 Fragen, Mid-Level
- [Nuxt Data Fetching](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-data-fetching.md): 20 Fragen, Mid-Level
- [Nuxt SSR & SSG](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-ssr-ssg.md): 22 Fragen, Mid-Level
- [Nuxt Server-Routes](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-server-routes.md): 20 Fragen, Mid-Level
- [Nuxt-Module](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-modules.md): 18 Fragen, Mid-Level
- [Vue Composables](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-composables.md): 20 Fragen, Mid-Level
- [Vue Formulare & Validierung](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-forms-validation.md): 20 Fragen, Mid-Level
- [Nuxt State Management](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-state-management.md): 18 Fragen, Mid-Level
- [Vue-Testing](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-testing.md): 20 Fragen, Mid-Level
- [Nuxt-Deployment & CI/CD](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-deployment-cicd.md): 22 Fragen, Mid-Level
- [Vue-Performance](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-performance.md): 22 Fragen, Senior
- [Fortgeschrittene Vue-Patterns](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-advanced-patterns.md): 24 Fragen, Senior
- [TypeScript mit Vue](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/typescript-vue.md): 22 Fragen, Senior
- [Nuxt-Authentifizierung](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-auth.md): 20 Fragen, Senior
- [SEO mit Nuxt](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-seo.md): 20 Fragen, Senior
- [Vue-Architektur](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-architecture.md): 22 Fragen, Senior
- [Nuxt-Sicherheit](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-security.md): 20 Fragen, Senior
- [Vue-Ökosystem](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-ecosystem.md): 18 Fragen, Senior
- [Migration Vue 2→3 & Nuxt 2→3](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/migration-vue2-vue3-nuxt2-nuxt3.md): 22 Fragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-i18n