Add vue-router to dev deps

Revert router integration due to wrong merge

dev-example/App.vue

@@ -7,19 +7,22 @@
                  class="card">
       <tab-content title="Personal details"
                    :before-change="validateAsync"
+                   route="/first"
                    icon="ti-user">
-        My first tab content
       </tab-content>
       <tab-content title="Additional Info"
                    :before-change="validate"
+                   route="/second"
                    icon="ti-settings">
-        My second tab content
       </tab-content>
       <tab-content title="Last step"
                    :before-change="validateAsync"
+                   route="/third"
                    icon="ti-check">
-        Yuhuuu! This seems pretty damn simple
       </tab-content>
+      <transition name="fade" mode="out-in">
+        <router-view></router-view>
+      </transition>
       <div class="loader" v-if="loadingWizard"></div>
     </form-wizard>
   </div>

dev-example/main.js

@@ -1,14 +1,29 @@
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
+import VueRouter from 'vue-router'
 import App from './App.vue'
 import FormWizard from '../src/index'
+const First = { template: '<div>First page</div>' }
+const Second = { template: '<div>Second page</div>' }
+const Third = { template: '<div>Third page</div>' }
+
+const router = new VueRouter({
+  mode: 'history',
+  routes: [
+    { path: '/first', component: First },
+    { path: '/second', component: Second },
+    { path: '/third', component: Third }
+  ]
+})
+Vue.use(VueRouter)
 Vue.use(FormWizard)
 
 Vue.config.productionTip = false
 
 /* eslint-disable no-new */
 new Vue({
+  router,
   el: '#app',
   template: '<App/>',
   components: {App}