Internasionalisasi Nuxt
Modul i18n, terjemahan, deteksi locale, lokalisasi route, pergantian bahasa, SEO multibahasa
1Apa yang dibawa modul @nuxtjs/i18n ke aplikasi Nuxt?
Apa yang dibawa modul @nuxtjs/i18n ke aplikasi Nuxt?
Jawaban
Modul @nuxtjs/i18n mengintegrasikan vue-i18n ke dalam Nuxt dan menambahkan fitur khusus framework seperti routing otomatis per locale, deteksi bahasa browser, SEO multibahasa, dan pembuatan otomatis route yang terlokalisasi. Modul ini secara signifikan menyederhanakan penyiapan aplikasi multibahasa dengan menangani secara otomatis aspek teknis yang rumit seperti pengalihan, tag meta alternates, dan lazy loading terjemahan.
2Konfigurasi mana yang memungkinkan untuk menentukan locale default aplikasi Nuxt i18n?
Konfigurasi mana yang memungkinkan untuk menentukan locale default aplikasi Nuxt i18n?
Jawaban
Properti defaultLocale dalam konfigurasi i18n menentukan bahasa default yang digunakan ketika tidak ada locale spesifik yang terdeteksi atau diminta. Locale ini berfungsi sebagai fallback dan digunakan untuk root situs jika strategy routing mengizinkannya. Locale ini harus sesuai dengan salah satu kode yang didefinisikan dalam array locales. Ini adalah parameter mendasar yang memastikan aplikasi selalu memiliki bahasa referensi yang berfungsi.
3Bagaimana cara mengakses terjemahan dalam komponen Vue dengan @nuxtjs/i18n?
Bagaimana cara mengakses terjemahan dalam komponen Vue dengan @nuxtjs/i18n?
Jawaban
Composable useI18n yang disediakan oleh @nuxtjs/i18n mengekspos fungsi t yang memungkinkan akses ke terjemahan yang didefinisikan dalam file locale. Fungsi ini menerima sebuah kunci terjemahan dan parameter opsional untuk interpolasi. Ini adalah metode yang direkomendasikan di Nuxt 3 dengan Composition API, menggantikan sintaks lama this.$t. Composable ini juga memberikan akses ke fitur lain seperti locale, locales, dan setLocale untuk mengelola bahasa secara dinamis.
Bagaimana cara mengubah locale aktif secara dinamis dalam aplikasi Nuxt i18n?
Apa perbedaan antara strategi routing prefix_except_default dan prefix?
+15 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Komponen Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktivitas Vue
Dasar-Dasar Nuxt
Data Fetching Nuxt
SSR & SSG Nuxt
Server Routes Nuxt
Modul Nuxt
Composable Vue
Form & Validasi Vue
Manajemen State Nuxt
Testing Vue
Deployment Nuxt & CI/CD
Performa Vue
Pola Lanjutan Vue
TypeScript dengan Vue
Autentikasi Nuxt
SEO dengan Nuxt
Arsitektur Vue
Keamanan Nuxt
Ekosistem Vue
Migrasi Vue 2→3 & Nuxt 2→3
Kuasai Vue.js / Nuxt.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis