Upload New File

WebKuliner/src/components/CardProduct.vue

+<template>
+  <div class="card shadow card-product">
+    <img :src=" 'assests/images/' + product.gambar " class="card-img-top" alt="..." />
+    <div class="card-body">
+      <h5 class="card-title"> {{ product.nama }} </h5>
+      <p class="card-text">
+        Harga : Rp. {{ product.harga }}
+      </p>
+      <router-link class="btn btn-success" :to="'/foods/'+product.id"><b-icon-cart></b-icon-cart> Pesan</router-link>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CardProduct",
+  props: ["product"],
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file