skillZs
★ LIVE SKILL TAGS ★
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
※ REAL INSTALL DATA ※
← back to all skills
onmax/nuxt-skills445 installs

nuxt-i18n

Internationalize Nuxt applications with @nuxtjs/i18n. Use when configuring locales or browser detection, translating messages or routes, building locale switchers, handling fallbacks, lazy-loading messages, or adding locale SEO.

How do I install this agent skill?

npx skills add https://github.com/onmax/nuxt-skills --skill nuxt-i18n
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubpass

    The skill provides comprehensive documentation and configuration examples for Nuxt applications using the @nuxtjs/i18n module. It describes standard workflows for internationalization, including loading translation messages from local files and remote APIs. A minor security consideration is the attack surface created by ingesting untrusted translation data from external sources.

  • Socketpass

    No alerts

  • Snykpass

    Risk: LOW · No issues

What does this agent skill do?

Nuxt I18n

Nuxt I18n owns locale messages, localized routes, language detection, and locale metadata. Nuxt owns the surrounding page, rendering, and server lifecycle.

Workflow

  1. Inspect the installed @nuxtjs/i18n version, nuxt.config.*, i18n/i18n.config.*, locale files, and affected pages. The setup is understood when locale codes, files, defaultLocale, and the routing strategy agree.
  2. Open the smallest matching guide below. Keep module options in nuxt.config, Vue I18n options in i18n.config, and translated messages in locale files.
  3. Implement with localized links and module composables so routing, message loading, and SEO share one locale state.
  4. Run nuxi prepare and the project's typecheck, then visit the affected route in the default and one secondary locale. The change is complete when both locales render the expected message, URL, language metadata, and fallback behavior.

Routing

TaskOpen
Installation, locale objects, file layout, browser detection, or Vue I18n configConfiguration
Translation keys, interpolation, plurals, dates, numbers, or runtime message loadingMessages
Route strategies, localized links, switchers, custom paths, dynamic slugs, or SEORouting and SEO
Nuxt pages, middleware, data fetching, SSR state, or server routesnuxt skill

Baseline

npx nuxi@latest module add @nuxtjs/i18n
export default defineNuxtConfig({
  modules: ['@nuxtjs/i18n'],
  i18n: {
    defaultLocale: 'en',
    locales: [
      { code: 'en', language: 'en-US', name: 'English', file: 'en.json' },
      { code: 'fr', language: 'fr-FR', name: 'Français', file: 'fr.json' },
    ],
  },
})
{
  "welcome": "Welcome"
}

Locale files resolve from i18n/locales/ by default. Use the same locale code in configuration, route helpers, locale files, and fallback rules.

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/onmax/nuxt-skills/nuxt-i18n">View nuxt-i18n on skillZs</a>