Every language. The same contract.

A message that understands your data.

Write a translation with parameters and use it from your component. Keys and arguments reach your editor typed.

Your name

Hello Meeko

meeko

<script lang="ts">
  const { t } = useI18n()
  const name = signal('Meeko')
</script>

<template>
  <p>{t('greeting', { name: name.value })}</p>
  <p>{t('cart.items', { total: 3 })}</p>
</template>

From the catalog to the interface

The module validates the languages when the application is prepared and generates the TypeScript contract. In SSR and in the browser, the catalog of the active language is used; formatters are reused per options.

Typed parameters Keys, arguments and contracts between languages. Plurals and selectors The right text for every quantity and alternative. Numbers and dates Intl formats and consistent results in SSR. Catalogs per route Load common and add namespaces when a route needs them.