Getting useContent to return content in the visitor's current locale

Pass the active locale as preferredLocale in the useContent options. Pull it from the context you already have and hand it straight in:

const {locale} = useLanguage();const content = useContent('home-hero', {    preferredLocale: locale,    fallback: {title: 'Welcome'},});

If you want a baseline for when nothing sets it, defaultPreferredLocale on the provider sets a fallback locale at initialization. One thing to guard: an unresolved locale falls back to the default content, so a route where the language has not been resolved yet just gets the default rather than an error.

Worth knowing what actually produces the localized variants: per-locale default content is the localization add-on. So preferredLocale selects which locale you want, but you get distinct content per locale only once that is set up. Without it the hook still resolves, you just get the single default back for every locale.