25 lines
669 B
Vue
25 lines
669 B
Vue
<script setup>
|
|
import { RouterLink } from 'vue-router';
|
|
|
|
defineProps({
|
|
listing: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<RouterLink class="listing-card" :to="{ name: 'listing-detail', params: { id: listing.id } }">
|
|
<span class="listing-card__mark" aria-hidden="true">PK</span>
|
|
<span>
|
|
<span class="listing-card__status">{{ listing.status }}</span>
|
|
<span class="listing-card__name">{{ listing.productName }}</span>
|
|
<span class="listing-card__price">${{ (listing.askingPriceMinor / 100).toFixed(2) }}</span>
|
|
</span>
|
|
</RouterLink>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
@use './ListingCard.scss';
|
|
</style> |