Nuxt 集成

本地化您的 Nuxt 应用

i1n 自动检测您 Nuxt 项目中的 vue-i18n。推送语言文件，通过 AI 翻译成 182 种语言，并拉取类型安全的定义。

$ npx i1n init

pages/index.vue

<!-- pages/index.vue -->
<template>
  <div>
    <h1>{{ $t('home.welcome') }}</h1>
    <p>{{ $t('home.description') }}</p>
  </div>
</template>

<script setup>
// i1n manages the locale files
// vue-i18n handles runtime translation
// Type-safe keys via i1n.d.ts
</script>

为什么 Nuxt 团队使用 i1n？

vue-i18n 桥接模式

继续使用 @nuxtjs/i18n 和 vue-i18n。i1n 在您现有的设置中管理您的语言文件和 AI 翻译。

自动检测框架

i1n 会在您的 package.json 中检测到 vue-i18n，并在初始化期间自动配置所有内容。

兼容 SSR 和 SSG

区域设置文件是静态JSON。可完美支持Nuxt的服务器端渲染和静态生成。

类型安全的翻译键

自动生成的 i1n.d.ts 为您的 Nuxt 组件提供了所有翻译键的完整自动补全功能。

开始本地化您的 Nuxt 应用

永久免费。无需信用卡。

免费开始