vuejs-ecommerce-headless-buttercms6.html

<template>
  <a href="#" class="snipcart-add-item"
    :data-item-id="product.product_id"
    :data-item-name="product.name"
    :data-item-price="product.price"
    data-item-url="https://snipcart-buttercms-demo.netlify.com/.netlify/functions/snipcart_json_crawler"
    :data-item-image="product.image">Buy for {{ product.price | price }}&nbsp;$</a>
</template>

<script>
export default {
  name: 'BuyButton',
  props: ['product'],
};
</script>