feat: compose public collectible detail views

2026-09-08 21:55:34 -04:00
parent 0d286f09a8
commit 5452bd5589
5 changed files with 101 additions and 18 deletions
@@ -0,0 +1,31 @@
+import CollectibleDetail from './CollectibleDetail.vue';
+
+export default { title: 'Organisms/CollectibleDetail', component: CollectibleDetail };
+
+export const ListingDetail = {
+  args: {
+    title: 'Charizard ex #199/165',
+    status: 'AVAILABLE',
+    priceMinor: 11500,
+    condition: 'Near Mint',
+    description: 'A clean collector copy with a clear front and back.',
+    facts: [
+      { label: 'Set', value: 'Scarlet & Violet 151' },
+      { label: 'Card number', value: '199/165' },
+      { label: 'Market context', value: '$120 reference' },
+      { label: 'Updated', value: 'Today' },
+    ],
+    images: [
+      { id: 'front', label: 'FRONT', alt: 'Front of Charizard ex' },
+      { id: 'back', label: 'BACK', alt: 'Back of Charizard ex' },
+    ],
+  },
+};
+
+export const ProductWithoutImages = {
+  args: {
+    title: 'Pikachu World Collection',
+    description: 'A representative product identity with images still to be added.',
+    facts: [{ label: 'Category', value: 'Collectible merchandise' }],
+  },
+};