diff options
Diffstat (limited to 'client/src/views/Product.vue')
-rw-r--r-- | client/src/views/Product.vue | 30 |
1 files changed, 30 insertions, 0 deletions
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> |