aquí está el código html:

 <button type="button" class="btn btn-secondary mx-2" id="popOverId" data-bs-toggle="popover" title="Popover title" data-bs-content="And here's some amazing content. It's very engaging. Right?"> Your Cart(<span id="cart">0</span>)</button>

ella es código js:

 var myPopover = document.getElementById('popOverId'); myPopover.show();

cuando intento el código anterior, tengo un error:

 (index):635 Uncaught TypeError: myPopover.show is not a function

También cuando uso el siguiente código

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

funciona bien, pero quiero algo que inicialice el popover primero pero no lo muestre, cuando se hace clic en el botón, solo lo activo para mostrar el popover

Además, ¿alguien puede decir cómo pasar datos al atributo "contenido" de popover Bootstrap5?