cyberneticlibrary

Setup Vue internationalization with Intlayer

intlayer-vueskillsetup L2761
aymericzip/intlayer
What it does

Integrate i18n composable with Vue and Nuxt

Best for

Per-component i18n in Vue/Nuxt apps that avoid centralized flat translation files.

Inputs
  • · [object Object]
  • · [object Object]
Outputs
  • · [object Object]
Requires
  • · vue-intlayer
  • · @intlayer/mcp
Preconditions
  • · Intlayer configured in Vite+Vue or Nuxt project
  • · Content file with matching key exists
  • · Component imports useIntlayer from vue-intlayer
Failure modes
  • · Using content.title.value without .value (renders object)
  • · Key mismatch between declaration and composable call
  • · Nuxt auto-import not configured for useIntlayer
Trust signals
  • · Official Intlayer package
  • · Apache 2.0 license
  • · Documentation for Vite+Vue and Nuxt environment setup
  • · Code example shows both {{ }} render and .raw access patterns