# Інтернаціоналізація Nuxt (Vue.js / Nuxt.js)

> Модуль i18n, переклади, визначення locale, локалізація route, перемикання мови, багатомовне SEO

- 18 питань зі співбесід
- Senior
- [Питання зі співбесід: Vue.js / Nuxt.js](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy.md)

## 1. Що модуль @nuxtjs/i18n додає до застосунку Nuxt?

**Відповідь**

Модуль @nuxtjs/i18n інтегрує vue-i18n у Nuxt і додає специфічні для фреймворку можливості, такі як автоматичний routing для кожного locale, визначення мови браузера, багатомовне SEO та автоматичну генерацію локалізованих route. Він значно спрощує налаштування багатомовного застосунку, автоматично обробляючи складні технічні аспекти, такі як перенаправлення, alternate meta-теги та lazy loading перекладів.

## 2. Яка конфігурація дозволяє визначити locale за замовчуванням для застосунку Nuxt i18n?

**Відповідь**

Властивість defaultLocale у конфігурації i18n визначає мову за замовчуванням, яка використовується, коли не виявлено й не запитано жодного конкретного locale. Цей locale слугує fallback і використовується для кореня сайту, якщо це дозволяє strategy routing. Він має відповідати одному з кодів, визначених у масиві locales. Це фундаментальний параметр, який гарантує, що застосунок завжди має робочу опорну мову.

## 3. Як отримати доступ до перекладів у компоненті Vue за допомогою @nuxtjs/i18n?

**Відповідь**

Composable useI18n, що надається @nuxtjs/i18n, надає функцію t, яка дозволяє отримати доступ до перекладів, визначених у файлах locale. Ця функція приймає ключ перекладу та необов'язкові параметри для інтерполяції. Це рекомендований спосіб у Nuxt 3 з Composition API, який замінює стару синтаксу this.$t. Composable також надає доступ до інших можливостей, таких як locale, locales і setLocale, для динамічного керування мовами.

## Ще 15 доступних питань

- Як динамічно змінити активну locale у застосунку Nuxt i18n?
- Яка різниця між стратегіями routing prefix_except_default та prefix?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

## Інші теми співбесід Vue.js / Nuxt.js

- [Основи JavaScript](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/javascript-fundamentals.md): 20 запитань, Junior
- [Сучасний JavaScript (ES6+)](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/es6-modern-javascript.md): 20 запитань, Junior
- [Основи Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-basics.md): 22 запитань, Junior
- [Компоненти Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-components.md): 20 запитань, Junior
- [Vue Router](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-router.md): 18 запитань, Junior
- [Pinia State Management](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/pinia-state-management.md): 20 запитань, Junior
- [Vuex (Legacy)](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vuex-legacy.md): 15 запитань, Mid-Level
- [Composition API](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/composition-api.md): 24 запитань, Mid-Level
- [Реактивність Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-reactivity.md): 20 запитань, Mid-Level
- [Основи Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-fundamentals.md): 22 запитань, Mid-Level
- [Отримання даних у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-data-fetching.md): 20 запитань, Mid-Level
- [SSR і SSG у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-ssr-ssg.md): 22 запитань, Mid-Level
- [Серверні маршрути Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-server-routes.md): 20 запитань, Mid-Level
- [Модулі Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-modules.md): 18 запитань, Mid-Level
- [Composables у Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-composables.md): 20 запитань, Mid-Level
- [Форми та валідація Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-forms-validation.md): 20 запитань, Mid-Level
- [Керування станом у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-state-management.md): 18 запитань, Mid-Level
- [Тестування Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-testing.md): 20 запитань, Mid-Level
- [Розгортання Nuxt та CI/CD](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-deployment-cicd.md): 22 запитань, Mid-Level
- [Продуктивність Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-performance.md): 22 запитань, Senior
- [Просунуті патерни Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-advanced-patterns.md): 24 запитань, Senior
- [TypeScript із Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/typescript-vue.md): 22 запитань, Senior
- [Автентифікація Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-auth.md): 20 запитань, Senior
- [SEO з Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-seo.md): 20 запитань, Senior
- [Архітектура Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-architecture.md): 22 запитань, Senior
- [Безпека Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-security.md): 20 запитань, Senior
- [Екосистема Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-ecosystem.md): 18 запитань, Senior
- [Міграція Vue 2→3 та Nuxt 2→3](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/migration-vue2-vue3-nuxt2-nuxt3.md): 22 запитань, Senior

---

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