Asigno una cadena con etiquetas html a un div recién creado:

 const wrapper = document.createElement('div') wrapper.innerHTML = this.html

this.html se ve así (tenga en cuenta el espacio en blanco en la etiqueta span.b):

 <span class="a"></span><span class="b" data-topicId="mark.001" data-type="R"> </span><span class="c"><span class="d">

Después de la asignación de innerHTML, renderizo el HTML con vue:

 return { name: 'NormalizedContent', template: wrapper.outerHTML, [...] }

hasta el último wrapper.outerHTML puedo ver múltiples (al menos uno) espacios en blanco con console.log , después de que se procesa, el espacio en blanco desaparece.

Quiero mantener al menos uno y no puedo reemplazarlos mediante programación, por ejemplo, con   .