Framework Adapters

Vue 3

The Vue 3 adapter integrates pico-intl via a plugin plus useT(), useLocale(), and useI18n() composables. The active locale is exposed as a reactive ref.

ts
import { picoIntlPlugin } from '@pico-intl-dev/vue';

createApp(App).use(picoIntlPlugin, { i18n }).mount('#app');

Key points

  • Register picoIntlPlugin once at app startup.
  • useT() and useLocale() are Vue composables.
  • useLocale() exposes locale, setLocale(), dir, and isRTL as reactive values.

Next step

Copy the example into a small fixture, run the validation commands, and keep framework-specific routing, hydration, or SSR behavior covered by your app tests.