WIP MMCM

src/App.vue

@@ -6,8 +6,16 @@ import Wizard from "./components/Wizard.vue";
 </script>
 
 <template>
-      <wizard v-if="$route.path !== '/'"></wizard>
-      <router-view></router-view>
+  <div>
+    <wizard v-if="$route.path !== '/'"></wizard>
+  <router-view v-slot="{ Component, route }">
+    <transition name="slide-left">
+      <div :key="route.path">
+        <component :is="Component"/>
+      </div>
+    </transition>
+  </router-view>
+  </div>
 </template>
 
 <style scoped>

src/main.js

@@ -1,11 +1,11 @@
 import { createApp } from 'vue'
 import './style.css'
 
-// import './assets/bootstrap-para.css'
-// import fontawesome from '@fortawesome/fontawesome-free/css/fontawesome.css'
-// import brands from '@fortawesome/fontawesome-free/css/brands.css'
-// import solid from '@fortawesome/fontawesome-free/css/solid.css'
-// import regular from '@fortawesome/fontawesome-free/css/regular.css'
+import './assets/bootstrap-para.css'
+import fontawesome from '@fortawesome/fontawesome-free/css/fontawesome.css'
+import brands from '@fortawesome/fontawesome-free/css/brands.css'
+import solid from '@fortawesome/fontawesome-free/css/solid.css'
+import regular from '@fortawesome/fontawesome-free/css/regular.css'
 
 
 import App from './App.vue'

src/views/delivery-option-summary.vue

@@ -67,7 +67,7 @@ export default {
       }
 
       if (import.meta.env.DEV) {
-        urlApi += '&ID_SESSION=eiGcVdzr';
+        urlApi += '&ID_SESSION=wUyQ6Pea';
         console.log(urlApi)
       }
 

src/views/final-step.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="text-center">
-    <h2 class="mb-4">Votre ordonnance livré à domicile a été ajoutée au panier</h2>
+    <h2 class="mb-4">Votre ordonnance livrée à domicile a été ajoutée au panier</h2>
     <button class="btn btn-secondary me-4" @click="exitVueApp('/')">Continuer mes achats</button>
     <a class="btn btn-primary" @click="exitVueApp('/cart/p/AFF_COMM/0/0/')">Finaliser ma commande</a>
   </div>