materio-d8/web/themes/custom/materiotheme/vuejs/components/Content/Product.vue

<template>
  <article class="product">
    <header>
      <h1 v-html="product.title"/>
    </header>
    <section class="content">
      <div class="description" v-html="product.body"/>
      <!-- <div class="price-description" v-html="product.price_description"/> -->
    </section>
    <aside v-if="!isAdherent">
      <div
        class="variation"
        v-for="variation in product.variations"
        :key="variation.id"
      >
        <div class="variation-description" v-html="variation.description"/>
        <button
          type="button"
          name="addtocart"
          @click.stop="checkaddtocart($event, variation.id)"
        >
          {{ $t("default.Add to cart") }}
        </button>
      </div>

    </aside>

    <!-- <Modal
      v-if="showLoginModal"
      @close="closeModal"
      :styles="{width:'500px', height:'350px'}"
    >
      <section id="pricing-modal-login-register">
        <h2>{{ $t("materio.Please login or create a new account") }}</h2>
        <LoginRegister
          :callbackargs="showLoginModal"
          @onLogedIn="onLogedIn"
          @onRegistered="onRegistered"
        />
      </section>
    </Modal> -->

  </article>
</template>

<script>

// import { REST } from 'vuejs/api/rest-axios'
import router from 'vuejs/route'
// import { mapState, mapActions } from 'vuex'
import productsMixins from 'vuejs/components/productsMixins'
// import Modal from 'vuejs/components/Helper/Modal'
// import LoginRegister from 'vuejs/components/Helper/LoginRegister'

// let basePath = drupalSettings.path.baseUrl + drupalSettings.path.pathPrefix;

export default {
  name: "Product",
  router,
  props: ['product'],
  mixins: [productsMixins],
  data(){
    return {
      quantity: 1,
      // showLoginModal:false
    }
  }
  // ,
  // methods:{
  //   // ...mapActions({
  //   //   userLogin: 'User/userLogin'
  //   // })
  // }
  // ,
  // components: {
  //   Modal,
  //   LoginRegister
  // }
}
</script>

<style lang="scss" scoped>
</style>