Nuxt i18n
การผสานการทำงานของ Nuxt กับ i18n
รองรับ Nuxt 3 อย่างเต็มรูปแบบ พร้อมการนำเข้าอัตโนมัติ, SSR, และรองรับ Nitro
คุณสมบัติ
โมดูลเนทีฟของ Nuxt 3
นำเข้าคอมโพสิเบิลอัตโนมัติ
เครื่องมือ SEO (useHead, useSeoMeta)
การกำหนดเส้นทางตามภูมิภาค
การโหลดเขตข้อมูลภาษาแบบขี้เกียจ
รองรับ SSR แบบเต็มรูปแบบ
การผสานรวม Nuxt DevTools
การสนับสนุนเซิร์ฟเวอร์ Nitro
การรองรับการแสดงผลแบบไฮบริด
เริ่มต้นอย่างรวดเร็ว
เพิ่ม i18n ให้กับแอป Nuxt ของคุณด้วยโมดูล
// nuxt.config.ts
export default defineNuxtConfig({
modules: ['@better-i18n/nuxt'],
betterI18n: {
projectId: 'my-org/my-project',
defaultLocale: 'en',
locales: ['en', 'tr', 'de']
}
})
// pages/index.vue
<script setup>
const { t } = useI18n()
</script>
<template>
<h1>{{ t('welcome') }}</h1>
</template>