Estoy usando configuraciones regionales para textos en mi aplicación vue y estos textos deben tener líneas de ruptura en ciertos lugares. He probado las etiquetas \n\ y <br> pero no funcionan. ¿Cómo puedo romper las líneas de texto locales i18n y usarlas en mis componentes?

Por ejemplo, el siguiente texto debe ir a una nueva línea después de "casa es" y "corazón es o"

locales/en.json:

 "description": { "home": "home is \n where the heart is or <br> another random cliche sentence here" }

componentes/hola.vue:

 <div> {{$t("description.home")}}</div>