En mi aplicación vue , quiero incluir un script externo de una tienda, de modo que cuando haga clic en un producto, el script se active y abra la superposición con el proceso de compra...

Traté de hacer esto:

 <template> <div> <div v-for="product in products" :key="product.id"> <h1>{{ product.title }}</h1> // then the code, the shop requires for its overlay to work <a href="#" data-fsc-action="Add,Checkout" data-fsc-item-path-value="PRODUCT ID SHOULD BE HERE">Buy now 99$</a> // product id = {{product.id}} </div> </div> </template>

luego incluí la etiqueta del script que también proporciona la tienda (por razones de seguridad no puedo proporcionarlo todo...)

 export default { head() { return { script: [ { id: "fsc-api", src: "https://d1f8f9xcsvx3ha.cloudfront.net/...", type: "text/javascript", "data-storefront": "...", "data-popup-closed": "...", async: true, }, ], }; }, }

pero esto no desencadena nada y no sé cómo resolverlo

¿Alguien me puede ayudar?