Is there an alternative of v-html when i'm using Rich text

[robin-ln]

I come from the React ecosystem, and when I see v-html, I think of dangerouslySetInnerHTML.

Usually, I work with i18next or next-intl, which have features like:

• Rich Text in Next-Intl
• Trans Component in React I18n

But in Vue I18n, I found only:

• HTML Message Syntax

I'm thinking I could find this implementation, for example:

<script>
const messages = {
  en: {
    message: {
      hello: 'hello <br> world'
    }
  }
}
</script>

<template>
    <p>{{ t.rich("hello", { br: h("br") }) }}</p>
</template>

What do you think about this implementation?