vuejs-ecommerce-headless-buttercms5.html

<template>
  <not-found v-if="notFound" />
  <div class="product-details" v-else>
    <figure>
      <img :src="product.fields.image" :alt="product.fields.name" />
    </figure>
    <section>
      <h2>{{product.fields.name}}</h2>
      <p>{{product.fields.description}}</p>
      <p><buy-button :product="product.fields" /></p>
    </section>
  </div>
</template>