From d30fd3054c66d707a8210872b7db6cf4a1a98793 Mon Sep 17 00:00:00 2001
From: Mateja <mail@matejamaric.com>
Date: Sat, 24 Jul 2021 18:58:17 +0200
Subject: Added boilerplate pages and `ProductCard` component.

---
 client/src/views/Product.vue | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 client/src/views/Product.vue

(limited to 'client/src/views/Product.vue')

diff --git a/client/src/views/Product.vue b/client/src/views/Product.vue
new file mode 100644
index 0000000..e03c900
--- /dev/null
+++ b/client/src/views/Product.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="row">
+    <div class="col-md-4">
+      <img :src="productImg">
+    </div>
+    <div class="col-md-4">
+      <h3>{{ productName }}</h3>
+      <p>{{ productDescription }}</p>
+      <div class="btn btn-primary" @click="buy">Add to cart</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Product',
+  data() {
+    return {
+      productName: String,
+      productDescription: String,
+      productImg: String
+    }
+  },
+  methods: {
+    buy() {
+
+    }
+  }
+}
+</script>
-- 
cgit v1.2.3

