From 1ec0fd99cdf48fa3db61c7580d4e80a2c5216ed8 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Mon, 16 Nov 2020 22:32:15 -0500
Subject: basic image details, base and fullsize image displays

---
 iridescence/src/components/ProductCard.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'iridescence/src/components/ProductCard.vue')

diff --git a/iridescence/src/components/ProductCard.vue b/iridescence/src/components/ProductCard.vue
index cfea0fd..67fbfbd 100644
--- a/iridescence/src/components/ProductCard.vue
+++ b/iridescence/src/components/ProductCard.vue
@@ -26,12 +26,27 @@
         </div>
       </div>
     </div>
+    <ProductDetail
+      v-if="id == 6"
+      v-bind="{
+        id: id,
+        name: name,
+        quantity: quantity,
+        cents: cents,
+        photo_base: photo_base,
+        photo_fullsize: photo_fullsize,
+        description: description
+      }"
+    ></ProductDetail>
   </div>
 </template>
 
 <script>
+import ProductDetail from "@/components/ProductDetail.vue";
+
 export default {
   name: "ProductCard",
+  components: { ProductDetail },
   props: {
     id: Number,
     name: String,
-- 
cgit v1.2.3

