47 lines
1.4 KiB
Vue
47 lines
1.4 KiB
Vue
|
<template>
|
||
|
|
<tr>
|
||
|
|
<td class="product-thumbnail">
|
||
|
|
<nuxt-link :href="`/product-details/${item.id}`">
|
||
|
|
<img :src="item.img" alt="">
|
||
|
|
</nuxt-link>
|
||
|
|
</td>
|
||
|
|
<td class="product-name">
|
||
|
|
<nuxt-link :href="`/product-details/${item.id}`">
|
||
|
|
<span v-html="item.title"></span>
|
||
|
|
</nuxt-link>
|
||
|
|
</td>
|
||
|
|
<td class="product-price"><span class="amount">${{item.price}}</span></td>
|
||
|
|
<td class="product-quantity" @click.prevent="cartState.add_cart_product(item)">
|
||
|
|
<button class="os-btn os-btn-black" type="submit">Add TO Cart</button>
|
||
|
|
</td>
|
||
|
|
<td class="product-subtotal"><span class="amount">${{item.price}}</span></td>
|
||
|
|
<td class="product-remove" @click.prevent="wishlistState.removeWishlist(item)">
|
||
|
|
<a href="#">
|
||
|
|
<i class="fa fa-times"></i>
|
||
|
|
</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent,PropType } from 'vue'
|
||
|
|
import ProductType from '~~/types/productType';
|
||
|
|
import { useCartStore } from '~~/store/useCart';
|
||
|
|
import { useWishlistStore } from '~~/store/useWishlist';
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
props:{
|
||
|
|
item:{
|
||
|
|
type:Object as PropType<ProductType>,
|
||
|
|
default:{},
|
||
|
|
required:true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
setup () {
|
||
|
|
const cartState = useCartStore();
|
||
|
|
const wishlistState = useWishlistStore();
|
||
|
|
return {cartState,wishlistState}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|