<a href="#0" 
  tabindex="0" 
  role="button" 
  class="popovers color-main-link" 
  title="" 
  data-bs-toggle="popover" 
  data-bs-trigger="focus" 
  data-bs-content="text goes here" 
  data-bs-original-title="lovely header"
>lovely header</a>

const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
const popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  return new bootstrap.Popover(popoverTriggerEl)
})