WIP MMCM

src/views/delivery-option-step-2.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="card">
+    <div class="card-header">Mode de livraison</div>
+    <div class="card-body row">
+      <div v-for="product in store.productList" class="col-lg-6">
+        <h1>{{ product.name }}</h1>
+        <p> {{ product.price }}</p>
+        <button @click="goNexStep(product.id)">Choisir</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {useMMCMStore} from '../stores/mmcm.js'
+
+
+export default {
+  setup() {
+    const store = useMMCMStore()
+    return {
+      store
+    }
+  },
+  name: "delivery-option-step-2",
+  methods: {
+    goNexStep: function (idProduct) {
+      this.store.setIdProduct(idProduct);
+      this.$router.push({path: '/delivery-option-step-3'});
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>