26 lines
673 B
Vue
26 lines
673 B
Vue
<script setup>
|
|
import PriceDisplay from '@/components/atoms/PriceDisplay.vue';
|
|
import StatusBadge from '@/components/atoms/StatusBadge.vue';
|
|
|
|
defineProps({
|
|
listing: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<a class="listing-card" :href="`/listings/${encodeURIComponent(listing.id)}`">
|
|
<span class="listing-card__mark" aria-hidden="true">PK</span>
|
|
<span>
|
|
<StatusBadge :status="listing.status" />
|
|
<span class="listing-card__name">{{ listing.productName }}</span>
|
|
<PriceDisplay :amount-minor="listing.askingPriceMinor" />
|
|
</span>
|
|
</a>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
@use './ListingCard.scss';
|
|
</style> |