Added total feature

package.json

 {
   "name": "mcart",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "private": false,
   "main": "./dist/mComponents.common.js",
   "files": [

src/App.vue

@@ -41,7 +41,7 @@
         </div>
         <div class="col col-lg-4">
           <promo></promo>
-          <checkout-info></checkout-info>
+          <checkout-info :total="getTotal"></checkout-info>
         </div>
       </div>
     </div>
@@ -66,8 +66,8 @@ export default {
     };
   },
   props: {
-    productList: Array,
     test: Array,
+    getTotal: Number
   },
   components: {
     TopBar,

src/components/CheckoutInfo.vue

@@ -8,7 +8,7 @@
         <button id="checkoutWithPayPal" class="buttonPaypal" name="PAYPAL_CHECKOUT" value="PAYPAL_CHECKOUT" aria-label="PayPal Checkout"></button>
         <div class="links">
         <a href="">Continue Shopping </a>
-        <a href="">Shipping internationalli? </a>
+        <a href="">Shipping Internationally? </a>
         </div>
     </div>
 </template>
@@ -16,10 +16,8 @@
 <script>
 
 export default {
-    data() {
-        return {
-            total: 20000.00
-        }
+    props: {
+        total: Number
     }
 }
 </script>

src/components/Promo.vue

 <template>
     <div class="card mb-3">
         <h3>Offers</h3>
-        <p>Enter Promo code. Linit of 1 offer per order </p>
+        <p>Enter Promo code. Limit of 1 offer per order </p>
         <div class="input-group">
             <input type="text" v-model="code" @change="getPromo"/>
             <div class="input-group-append"><button @click="getCode" class="black">Apply</button></div>