Added checkout functionality

Author: ba0708

index.html

@@ -98,7 +98,7 @@ <h1>Cart</h1>
 
                         <tr>
                             <td colspan="2"></td>
-                            <td><button class="btn btn-success">Checkout</button></td>
+                            <td><button class="btn btn-success" @click="checkout">Checkout</button></td>
                         </tr>
                     </tbody>
                 </table>

js/app.js

@@ -92,6 +92,15 @@ new Vue({
             if (index !== -1) {
                 this.cart.items.splice(index, 1);
             }
+        },
+        checkout: function() {
+            if (confirm('Are you sure that you want to purchase these products?')) {
+                this.cart.items.forEach(function(item) {
+                    item.product.inStock += item.quantity;
+                });
+            
+                this.cart.items = [];
+            }
         }
     },
     computed: {