Creating an Order Checkout page

Our OrderCheckout page will have a similar makeup to the OrderConfirmation page - however, in a real shop, this would be the page before payment. This page would allow the user to fill in their billing and delivery details before navigating to the payment page. Copy the OrderConfirmation page and update the title and info text:

const OrderCheckout = {
  name: 'OrderCheckout',

  template: '<div>;
    <h1>Order Confirmation</h1>
    <p>Please check the items below and fill in your details to complete your order</p>
    <list-purchases />
  </div>',

  components: {
    ListPurchases
  }
};

Below the <list-purchases /> component, create a form with several fields so we can collect the billing and delivery name and addresses. For this example, just collect the name, first line of the address,...