Allow only one br in nl2br

br {
  display: none;
}

const elements = document.querySelectorAll('br');

elements.forEach((element) => {
  if (element.nextSibling !== null) {
    element.remove();
  }
});

<template>
  <div>
    <content>
      <br />
      <br />
      <content />
    </content>
  </div>
</template>