Framework Adapters

SolidJS

The SolidJS adapter maps pico-intl's locale subscription to a Solid signal, making locale-reactive re-renders as fine-grained as Solid itself.

ts
import { PicoIntlProvider, useLocale, useT } from '@pico-intl-dev/solid';

function Title() {
  const t = useT();
  const { dir } = useLocale();
  return <h1 dir={dir()}>{t('app.title')}</h1>;
}

Key points

  • Solid reactivity is mapped through signals.
  • useT() is stable and re-evaluates on locale changes.
  • useLocale(), useExists(), and useOrdinal() are part of the stable adapter surface.

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.