major upgrade

iamraphson · Oct 16, 2018 · 60f9237 · 60f9237
1 parent efdff21
commit 60f9237
Show file tree

Hide file tree

Showing 8 changed files with 35 additions and 33 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,3 +1,3 @@
 {
-  "presets": ["es2015"]
-}
+  "presets": ["@babel/preset-env"]
+}
diff --git a/README.md b/README.md
@@ -29,7 +29,6 @@ npm install vue vue-ravepayment --save
 <template>
    <Rave
        :is-production="false"
-       :text="raveBtnText"
        style-class="paymentbtn"
        :email="email"
        :amount="amount"
@@ -38,7 +37,7 @@ npm install vue vue-ravepayment --save
        :callback="callback"
        :close="close"
        currency="NGN"
-   ></Rave>
+   ><i>Pay Me, My Money</i></Rave>
 </template>
 <script type="text/javascript">
 import Rave from 'vue-ravepayment';
@@ -48,7 +47,6 @@ export default {
     },
     data(){
         return{
-          raveBtnText: "Pay Me, My Money",
           raveKey: "FLWPUBK-xxxxxxxxxxxxxxxx-X",
           email: "[email protected]",
           amount: 10000

diff --git a/dist/rave.js b/dist/rave.js
diff --git a/dist/rave.min.js b/dist/rave.min.js
diff --git a/examples/commonjs/App.vue b/examples/commonjs/App.vue
@@ -12,7 +12,7 @@
                 :callback="callback"
                 :close="close"
                 currency="NGN"
-            ></Rave>
+            ><i>Pay Me, My Money</i></Rave>
         </p>
     </div>
 </template>

diff --git a/examples/index.html b/examples/index.html
@@ -3,27 +3,20 @@
 <head>
     <title>Vue RavePayment Example</title>
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
     <script src="https://unpkg.com/vue/dist/vue.js"></script>
     <script src="../dist/rave.min.js"></script>
     <style>
     body {
         font-size: 1em;
         font-family: 'Tahoma', sans-serif;
     }
-
-    .paymentbtn{
-        color: #61DAFB;
-        width: 250px;
-        height: 50px;
-        font-weight: 800;
-    }
     </style>
 </head>
 <body>
     <div id="app">
         <Rave
             :is-production="false"
-            :text="raveBtnText"
             style-class="paymentbtn"
             :email="email"
             :amount="amount"
@@ -32,7 +25,10 @@
             :callback="callback"
             :close="close"
             currency="NGN"
-        ></Rave>
+        >
+            <i class="fas fa-money-bill-alt"></i>
+            Make Payment
+        </Rave>
     </div>
 
     <script type="text/javascript">
@@ -61,7 +57,6 @@
           }
         },
         data: {
-          raveBtnText: "Pay Me, My Money",
           raveKey: "FLWPUBK-c59ee426f4c86db0eef5d6514cd2b187-X",
           email: "[email protected]",
           amount: 10000

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-ravepayment",
-  "version": "1.0.3",
+  "version": "2.0.0",
   "description": "Vue Rave Payment Component for Vue 2.x.",
   "main": "dist/rave.min.js",
   "scripts": {
@@ -33,16 +33,17 @@
   },
   "homepage": "",
   "devDependencies": {
-    "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.5",
-    "babel-preset-es2015": "^6.18.0",
+    "@babel/cli": "^7.1.2",
+    "@babel/core": "^7.1.2",
+    "@babel/preset-env": "^7.1.0",
+    "babel-loader": "^8.0.4",
     "css-loader": "^1.0.0",
-    "eslint": "^5.3.0",
+    "eslint": "^5.7.0",
     "eslint-config-vue": "^2.0.2",
     "eslint-loader": "^2.1.0",
     "eslint-plugin-vue": "^4.7.1",
-    "standard": "^11.0.1",
-    "uglifyjs-webpack-plugin": "^1.3.0",
+    "standard": "^12.0.1",
+    "uglifyjs-webpack-plugin": "^2.0.1",
     "vue": "^2.5.17",
     "vue-loader": "^15.3.0",
     "vue-template-compiler": "^2.5.17",