fixed some issue

Author: tookit

package.json

@@ -18,86 +18,86 @@
     "lodash.truncate": "^4.4.2",
     "nprogress": "^0.2.0",
     "quill": "^1.3.6",
-    "vee-validate": "^2.0.9",
+    "vee-validate": "^2.1.4",
     "vue": "^2.5.21",
     "vue-fullcalendar": "^1.0.9",
     "vue-perfect-scrollbar": "^0.1.0",
     "vue-quill-editor": "^3.0.6",
     "vue-resize": "^0.4.4",
-    "vue-router": "^3.0.1",
+    "vue-router": "^3.0.2",
     "vuetify": "^1.3.14"
   },
   "devDependencies": {
-    "autoprefixer": "^7.1.2",
+    "autoprefixer": "^9.4.3",
     "babel-core": "^6.26.3",
-    "babel-eslint": "^8.2.3",
+    "babel-eslint": "^10.0.1",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
-    "babel-jest": "^21.0.2",
-    "babel-loader": "^7.1.4",
-    "babel-plugin-dynamic-import-node": "^1.2.0",
+    "babel-jest": "^23.6.0",
+    "babel-loader": "^8.0.4",
+    "babel-plugin-dynamic-import-node": "^2.2.0",
     "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
-    "babel-plugin-transform-runtime": "^6.22.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
     "babel-plugin-transform-vue-jsx": "^3.7.0",
     "babel-preset-env": "^1.7.0",
-    "babel-preset-stage-2": "^6.22.0",
-    "babel-register": "^6.22.0",
+    "babel-preset-stage-2": "^6.24.1",
+    "babel-register": "^6.26.0",
     "chalk": "^2.4.1",
-    "chromedriver": "^2.38.3",
-    "copy-webpack-plugin": "^4.5.1",
-    "cross-spawn": "^5.0.1",
-    "css-loader": "^0.28.11",
-    "eslint": "^4.19.1",
+    "chromedriver": "^2.45.0",
+    "copy-webpack-plugin": "^4.6.0",
+    "cross-spawn": "^6.0.5",
+    "css-loader": "^2.0.1",
+    "eslint": "^5.10.0",
     "eslint-config-alloy": "^1.4.2",
-    "eslint-config-standard": "^10.2.1",
-    "eslint-friendly-formatter": "^3.0.0",
-    "eslint-loader": "^1.7.1",
-    "eslint-plugin-import": "^2.11.0",
-    "eslint-plugin-node": "^5.2.0",
-    "eslint-plugin-promise": "^3.7.0",
-    "eslint-plugin-standard": "^3.1.0",
-    "eslint-plugin-vue": "^4.5.0",
-    "extract-text-webpack-plugin": "^3.0.0",
+    "eslint-config-standard": "^12.0.0",
+    "eslint-friendly-formatter": "^4.0.1",
+    "eslint-loader": "^2.1.1",
+    "eslint-plugin-import": "^2.14.0",
+    "eslint-plugin-node": "^8.0.0",
+    "eslint-plugin-promise": "^4.0.1",
+    "eslint-plugin-standard": "^4.0.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "extract-text-webpack-plugin": "^3.0.2",
     "faker": "^4.1.0",
-    "file-loader": "^1.1.11",
+    "file-loader": "^2.0.0",
     "friendly-errors-webpack-plugin": "^1.7.0",
     "fs-finder": "^1.8.1",
-    "html-webpack-plugin": "^2.30.1",
-    "jest": "^22.4.3",
-    "jest-serializer-vue": "^0.3.0",
+    "html-webpack-plugin": "^3.2.0",
+    "jest": "^23.6.0",
+    "jest-serializer-vue": "^2.0.2",
     "json-schema-faker": "^0.5.0-rc9",
-    "json-server": "^0.12.2",
+    "json-server": "^0.14.0",
     "less-loader": "^4.1.0",
-    "mime-types": "^2.1.18",
+    "mime-types": "^2.1.21",
     "mockjs": "^1.0.1-beta3",
     "mockjs-webpack-plugin": "^1.0.0",
-    "nightwatch": "^0.9.21",
+    "nightwatch": "^1.0.16",
     "node-dir": "^0.1.17",
-    "node-notifier": "^5.1.2",
-    "optimize-css-assets-webpack-plugin": "^3.2.0",
-    "ora": "^1.2.0",
-    "portfinder": "^1.0.13",
-    "postcss-import": "^11.0.0",
-    "postcss-loader": "^2.1.5",
-    "postcss-url": "^7.3.2",
-    "raw-loader": "^0.5.1",
-    "rimraf": "^2.6.0",
-    "selenium-server": "^3.12.0",
-    "semver": "^5.3.0",
-    "shelljs": "^0.7.6",
+    "node-notifier": "^5.3.0",
+    "optimize-css-assets-webpack-plugin": "^5.0.1",
+    "ora": "^3.0.0",
+    "portfinder": "^1.0.20",
+    "postcss-import": "^12.0.1",
+    "postcss-loader": "^3.0.0",
+    "postcss-url": "^8.0.0",
+    "raw-loader": "^1.0.0",
+    "rimraf": "^2.6.2",
+    "selenium-server": "^3.141.59",
+    "semver": "^5.6.0",
+    "shelljs": "^0.8.3",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
-    "uglifyjs-webpack-plugin": "^1.2.5",
-    "url-loader": "^0.5.8",
-    "vue-jest": "^1.0.2",
-    "vue-loader": "^13.3.0",
-    "vue-style-loader": "^3.0.1",
-    "vue-template-compiler": "^2.5.16",
-    "webpack": "^3.12.0",
-    "webpack-bundle-analyzer": "^2.12.0",
-    "webpack-dev-server": "^2.9.1",
-    "webpack-merge": "^4.1.0"
+    "uglifyjs-webpack-plugin": "^2.0.1",
+    "url-loader": "^1.1.2",
+    "vue-jest": "^3.0.2",
+    "vue-loader": "^15.4.2",
+    "vue-style-loader": "^4.1.2",
+    "vue-template-compiler": "^2.5.21",
+    "webpack": "^4.27.1",
+    "webpack-bundle-analyzer": "^3.0.3",
+    "webpack-dev-server": "^3.1.10",
+    "webpack-merge": "^4.1.5"
   },
   "engines": {
     "node": ">= 6.0.0",

src/pages/widgets/Chart.vue

@@ -118,7 +118,7 @@
                 <div class="caption"> <v-icon>trending_up</v-icon>  20%</div>
               </div>
             </v-card-title>
-            <v-card-media class="white--text">
+            <v-responsive class="white--text">
               <e-chart 
                 ref="chart"
                 :path-option="[
@@ -139,7 +139,7 @@
                 width="100%"
               >
               </e-chart>
-            </v-card-media>
+            </v-responsive>
             <v-card-text class="white">
               <div class="layout row align-center ma-0">
                 <div class="grey--text">
@@ -171,7 +171,7 @@
                 <div class="caption"> <v-icon>trending_up</v-icon>  20%</div>
               </div>
             </v-card-title>
-            <v-card-media
+            <v-responsive
               class="white--text"
             >
               <e-chart 
@@ -188,7 +188,7 @@
                 width="100%"
               >
               </e-chart>
-            </v-card-media>
+            </v-responsive>
             <v-card-text class="white">
               <div class="layout row align-center ma-0">
                 <div class="grey--text">
@@ -220,7 +220,7 @@
                 <div class="caption"> <v-icon>trending_up</v-icon>  20%</div>
               </div>
             </v-card-title>
-            <v-card-media
+            <v-responsive
             >
               <e-chart 
               :path-option="[
@@ -239,7 +239,7 @@
               width="100%"
               >
               </e-chart>
-            </v-card-media>    
+            </v-responsive>    
             <v-card-text class="white">
               <div class="layout row align-center ma-0">
                 <div class="grey--text">
@@ -305,15 +305,15 @@
           </v-widget>             
         </v-flex>
         <v-flex lg12 sm12>
-          <v-tabs v-model="selectedTab" @input="handleTabChange">
+          <v-tabs v-model="selectedTab" @change="handleTabChange">
             <v-tab ripple href="#tab-1">
               Sales
             </v-tab>
             <v-tab ripple href="#tab-2">
               Visit
             </v-tab>
             <v-tabs-items v-model="selectedTab">
-              <v-tab-item id="tab-1" class="d-block">
+              <v-tab-item value="tab-1" class="d-block">
                 <v-card>
                   <e-chart 
                   :path-option="[
@@ -328,7 +328,7 @@
                   </e-chart>     
                 </v-card>              
               </v-tab-item>
-              <v-tab-item id="tab-2">
+              <v-tab-item value="tab-2">
                 <v-card>
                   <e-chart 
                   :path-option="[