wizard steps updated to vue

resources/assets/js/views/wizard/currencies.js

@@ -15,8 +15,10 @@ import Global from '../../mixins/global';
 import Form from '../../plugins/form';
 import BulkAction from './../../plugins/bulk-action';
 
+import {Step, Steps} from 'element-ui';
+
 // plugin setup
-Vue.use(DashboardPlugin);
+Vue.use(DashboardPlugin, Step, Steps);
 
 const app = new Vue({
     el: '#app',
@@ -25,9 +27,15 @@ const app = new Vue({
         Global
     ],
 
+    components: {
+        [Step.name]: Step,
+        [Steps.name]: Steps,
+    },
+
     data: function () {
         return {
             form: new Form('currency'),
+            active: 1,
             bulk_action: new BulkAction(url + '/settings/currencies'),
             show: false,
             currency: {
@@ -36,7 +44,7 @@ const app = new Vue({
                 rate: '1',
                 enabled: 1
             },
-            submit_function: ''
+            submit_function: '',
         }
     },
 
@@ -97,6 +105,10 @@ const app = new Vue({
             })
             .catch(error => {
             });
+        },
+
+        next() {
+            if (this.active++ > 1) this.active = 0;
         }
     }
 });