/home/henzagold/oldsite/components/ Current File: //home/henzagold/oldsite/components/FeaturedProduct.vue
<template>
  <a :href="link">
    <div class="featured-item">
      <div class="featured-image" style="position: relative">
        <img :src="thumb" :alt="title" style="width: 150px;height: 150px;object-fit:scale-down">
        <div class="product-controls"  v-if="wishList">
          <a href="#" @click.prevent="pin" class="favorite">
            <svg v-if="isInWishList" height="24px" viewBox="0 0 24 24" width="24px">
              <path fill="currentColor"
                    d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
            </svg>

            <svg v-else height="24px" viewBox="0 0 24 24" width="24px">
              <path fill="currentColor"
                    d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/>
            </svg>
          </a>
        </div>
      </div>
      <div class="product product-descr">
        <h5 class="product-title"><!-- <a :href="link" :title="title" tabindex="0"></a>-->{{ title }} </h5>
        <div class="acr-rating flex">
         <rating />
          <span
            v-if="showBeforePrice"
            style="border:1.3px solid red; border-radius: 6px; padding-left: 10px; padding-right: 10px; height: 27px; width: 60px; color: red;z-index: 100">تخفیف
          </span>
        </div>
        <div class="col-lg-12 col-md-12" v-if="showBeforePrice">
         <span style="text-decoration: line-through;" class="product-price-discount">
           {{ mainPrice| priceUnit }}
         </span>
        </div>
        <div class="col-lg-12 col-md-12">
          <span class="product-price">{{ price | priceUnit }}</span>
        </div>
<!--        <div class="product-gallery-wrapper center" style="margin-top:1rem">
          <p style="color:#1c2d56;font-size:1.25rem" v-if="defaultVaraint.qty==0 && defaultVaraint.is_pre_order==false">
            ناموجود</p>
          <a @click.prevent="addToCart()" href="" class="btn-custom btn-sm secondary"
             v-else>{{ defaultVaraint.qty > 0 ? 'افزودن به سبد خرید' : 'سفارش ساخت' }}</a>
        </div>-->
      </div>
    </div>
  </a>
</template>

<script>
import Rating from "./Rating";
import product from "../mixin/product";
// import axios from "@/plugins/axios"
export default {
  name: "FeaturedProduct",
  components:{
    Rating
  },
  mixins: [product],
}
</script>

<style scoped>

</style>