feat: add public listing detail web flow

2026-09-08 19:40:11 -04:00
parent 3d17637711
commit fd6d4cf37b
10 changed files with 128 additions and 16 deletions
@@ -0,0 +1,25 @@
+<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>