changed 'add to cart' button text on pricing page

web/themes/custom/materiotheme/vuejs/components/Content/Product.vue

@@ -5,7 +5,6 @@
     </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
@@ -19,40 +18,19 @@
           name="addtocart"
           @click.stop="checkaddtocart($event, variation.id)"
         >
-          {{ $t("default.Add to cart") }}
+          {{ $t(variation_btn_txt[variation.id]) }}
         </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",
@@ -63,19 +41,14 @@ export default {
     return {
       quantity: 1,
       // showLoginModal:false
+      variation_btn_txt: {
+        3: 'Yeees!',
+        4: 'Yay!',
+        5: 'Great!',
+        6: 'OKAY!'
+      }
     }
   }
-  // ,
-  // methods:{
-  //   // ...mapActions({
-  //   //   userLogin: 'User/userLogin'
-  //   // })
-  // }
-  // ,
-  // components: {
-  //   Modal,
-  //   LoginRegister
-  // }
 }
 </script>