common BundleCard.vue

100% Statements 4/4

100% Branches 2/2

100% Functions 1/1

100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
2x
4x
 
 
 
 
 
2x
 
 
 
  <template>
  <div class="row align-item-center">
    <div class="col-3 d-flex align-items-center">
      <div v-if="bundle.products[0]" class="wrap-img">
        <PreloaderImage :image="bundle.products[0].image[0].url" class="p-0" />
      </div>
      <span v-if="bundle.products[0] && bundle.products[1]">+</span>
      <div v-if="bundle.products[1]" class="wrap-img">
        <PreloaderImage :image="bundle.products[1].image[0].url" />
      </div>
    </div>
    <div class="col-5 d-flex align-items-center">
      <p class="text-ellipsis m-0">{{ bundle.title }}</p>
    </div>
    <div class="col-4 d-flex justify-content-end align-items-center">
      <p class="m-0 text-nowrap pr-3">$ {{ bundle.price | formatNumber }}</p>
    </div>
  </div>
</template>
 
<script>
import "~/utils/filters";
import PreloaderImage from "~/components/common/PreloaderImage.vue";
 
export default {
  name: "BandleCard",
  props: { bundle: Object },
  components: { PreloaderImage },
};
</script>
 
<style scoped>
</style>