Nuxt Integration
Localize your Nuxt application
i1n auto-detects vue-i18n in your Nuxt project. Push locale files, translate with AI across 182 languages, and pull type-safe definitions.
$ 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>Why Nuxt teams use i1n
vue-i18n Bridge Mode
Keep using @nuxtjs/i18n and vue-i18n. i1n manages your locale files and AI translation behind your existing setup.
Auto-detected framework
i1n detects vue-i18n in your package.json and configures everything automatically during init.
SSR & SSG compatible
Locale files are static JSON. Works perfectly with Nuxt's server-side rendering and static generation.
Type-safe translation keys
Auto-generated i1n.d.ts gives your Nuxt components full autocomplete for every translation key.
Start localizing your Nuxt app
Free Starter plan included. No credit card required.