Utiliser Sonenta avec Vue 3

1 · Créez un projet et récupérez vos clés

Connectez-vous, créez un projet, copiez son UUID. Gérez clés et traductions depuis votre éditeur IA via MCP, la CLI, ou le dashboard.

Ouvrir le dashboard →

2 · Installez le SDK

npm i @sonenta/vue-i18n i18next vue

3 · Initialisez Sonenta

Branchez le SDK avec votre token de projet, votre UUID et vos namespaces. Les langues disponibles viennent du manifest CDN publié, donc pas de tableau locales. Il récupère les bundles publiés et les résout via le moteur partagé.

// main.ts
import { createApp } from "vue";
import { createSonentaI18n } from "@sonenta/vue-i18n";
import App from "./App.vue";

const i18n = createSonentaI18n({
  token: import.meta.env.VITE_SONENTA_TOKEN,
  projectUuid: "<your-project-uuid>",
  defaultLocale: "fr",
  namespaces: ["common"],
});

createApp(App).use(i18n).mount("#app");

4 · Traduisez dans vos composants

Utilisez le binding natif du framework : votre appel de traduction habituel, propulsé par Sonenta :

<script setup>
import { useTranslation } from "@sonenta/vue-i18n";
const { t, ready } = useTranslation();
</script>

<template>
  <h1 v-if="ready">{{ t("home.title") }}</h1>
</template>

Gérez clés et traductions depuis votre éditeur : demandez à votre agent via le MCP Sonenta, ou la CLI. Aucune saisie manuelle de clés.