<Trans /> component for next-intl

[victorvianaom]

Hi there, thanks for this amazing project.
I'm currently migrating my codebase from i18next to next-intl and wondering if there's a component like <Trans /> from react-i18next.

{
    "description": "We've sent a verification code to <bold>{{email}}</bold>."
}

<Trans
  i18nKey="account.emailConfirmation.description"
  values={{ email }}
  components={{
    bold: <span fontWeight="bold" />,
  }}
/>

Above is a use case I have in my codebase. Is there a recomended way to do something similar in next-intl? I mean, for example, is it possible to make only a portion of the translation string be bold?

[victorvianaom]

Oh sorry! now I see in the docs there are the methods t.markup() and t.rich(): https://next-intl-docs.vercel.app/docs/usage/messages#rich-text
This solves my usecase!