Vue
Vue 3 SPA with v-t directive and Vite plugin.
| Traditional i18n | Fluenti (compile-time) |
|---|---|
Invent a key: "home.hero.title" | Write natural text: <h1 v-t>Welcome</h1> |
| Add to en.json manually | Run fluenti extract (automatic) |
| Ship ICU parser to browser | Ship pre-compiled functions (zero parser) |
| Parse on every render | Nothing to parse at runtime |
Run fluenti init to auto-detect your framework and generate a config file:
npx fluenti initThis creates fluenti.config.ts, updates .gitignore, and adds extraction/compilation scripts to your package.json. Then pick your framework below for a detailed walkthrough.
Vue
Vue 3 SPA with v-t directive and Vite plugin.
React
React SPA with I18nProvider and Vite plugin.
SolidJS
SolidJS SPA with reactive signals and Vite plugin.
Nuxt
Nuxt 3 with locale-prefixed routing and SSR.
Next.js
Next.js App Router with RSC and withFluenti().
React Router
React Router v7 SPA with client-side routing.
SolidStart
SolidStart with SSR and file-based routing.
TanStack Start
TanStack Start with file-based routing and SSR.