How to put HTML elements in translations?

This will print out <br /> instead of a linebreak:

module.exports = {
  en: {
    index: {
       headline: 'Testing html <br /> with i18n'
    }
  }
}

[aaronjpitts]

If you wrap the translation in 3 brackets like:

{{{ $t("message.hello") }}}

it does actually render the HTML correctly. But is it good practise to do that?

[aaronjpitts]

What would also be great would be able to render functions like v-link and @click. For example say I have the below json:

{
    "message": "This is a message <a v-link="{name: 'linkName'}">with a link</a>"
}

It doesn’t render the v-link right now. Is this something you could implement?

As always, thanks