Vue.js Localization Made Simple

<template>
  <div>
    <h1>{{ $t('welcome.title') }}</h1>
    <p>{{ $t('welcome.description') }}</p>
    <button>{{ $t('cta.getStarted') }}</button>
  </div>
</template>

<script setup>
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
</script>

// locales/en.json (synced by Edesy)
{
  "welcome": {
    "title": "Welcome to Our App",
    "description": "Build amazing things"
  },
  "cta": {
    "getStarted": "Get Started Free"
  }
}

// locales/fr.json (AI translated)
{
  "welcome": {
    "title": "Bienvenue sur Notre App",
    "description": "Creez des choses incroyables"
  },
  "cta": {
    "getStarted": "Commencer Gratuitement"
  }
}