diff --git a/.eslintrc.js b/.eslintrc.js
index c9775054..506a0f0e 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,7 +1,7 @@
 module.exports = {
   root: true,
   parserOptions: {
-    parser: 'babel-eslint',
+    parser: '@babel/eslint-parser',
     sourceType: 'module'
   },
   env: {
diff --git a/package.json b/package.json
index 98366d2a..ad4f8366 100644
--- a/package.json
+++ b/package.json
@@ -15,16 +15,16 @@
     "test:ci": "npm run lint && npm run test:unit"
   },
   "dependencies": {
-    "axios": "0.21.0",
+    "axios": "0.21.1",
     "clipboard": "2.0.6",
-    "codemirror": "5.58.2",
-    "core-js": "3.7.0",
+    "codemirror": "5.59.2",
+    "core-js": "3.8.3",
     "driver.js": "0.9.8",
-    "dropzone": "5.7.2",
-    "echarts": "4.9.0",
-    "element-ui": "2.14.1",
-    "file-saver": "2.0.2",
-    "fuse.js": "6.4.3",
+    "dropzone": "5.7.3",
+    "echarts": "5.0.2",
+    "element-ui": "2.15.0",
+    "file-saver": "2.0.5",
+    "fuse.js": "6.4.6",
     "js-cookie": "2.2.1",
     "jsonlint": "1.6.3",
     "jszip": "3.5.0",
@@ -33,42 +33,43 @@
     "path-to-regexp": "6.2.0",
     "screenfull": "5.0.2",
     "script-loader": "0.7.2",
-    "sortablejs": "1.12.0",
+    "sortablejs": "1.13.0",
     "tui-editor": "1.4.10",
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",
-    "vue-router": "3.4.9",
+    "vue-router": "3.5.1",
     "vue-splitpane": "1.0.6",
     "vuedraggable": "2.24.3",
-    "vuex": "3.5.1",
-    "xlsx": "0.16.8"
+    "vuex": "3.6.2",
+    "xlsx": "0.16.9"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "4.5.8",
-    "@vue/cli-plugin-eslint": "4.5.8",
-    "@vue/cli-plugin-unit-jest": "4.5.8",
-    "@vue/cli-service": "4.5.8",
-    "@vue/test-utils": "1.1.1",
+    "@babel/core": "7.12.13",
+    "@babel/eslint-parser": "7.12.13",
+    "@vue/cli-plugin-babel": "4.5.11",
+    "@vue/cli-plugin-eslint": "4.5.11",
+    "@vue/cli-plugin-unit-jest": "4.5.11",
+    "@vue/cli-service": "4.5.11",
+    "@vue/test-utils": "1.1.3",
     "autoprefixer": "9.8.6",
-    "babel-eslint": "10.1.0",
     "babel-jest": "26.6.3",
     "babel-plugin-dynamic-import-node": "2.3.3",
     "chalk": "4.1.0",
-    "chokidar": "3.4.3",
+    "chokidar": "3.5.1",
     "connect": "3.7.0",
-    "eslint": "7.13.0",
-    "eslint-plugin-vue": "7.1.0",
-    "html-webpack-plugin": "4.5.0",
-    "husky": "4.3.0",
-    "lint-staged": "10.5.1",
+    "eslint": "7.19.0",
+    "eslint-plugin-vue": "6.2.2",
+    "html-webpack-plugin": "5.0.0",
+    "husky": "4.3.8",
+    "lint-staged": "10.5.4",
     "mockjs": "1.1.0",
     "plop": "2.7.4",
     "runjs": "4.4.2",
-    "sass": "1.29.0",
-    "sass-loader": "10.1.0",
+    "sass": "1.32.6",
+    "sass-loader": "10.1.1",
     "script-ext-html-webpack-plugin": "2.1.5",
     "serve-static": "1.14.1",
-    "svg-sprite-loader": "5.0.0",
+    "svg-sprite-loader": "5.2.1",
     "svgo": "1.3.2",
     "vue-template-compiler": "2.6.12"
   },
diff --git a/src/components/Charts/Keyboard.vue b/src/components/Charts/Keyboard.vue
index 0b258f36..2f6b84ca 100644
--- a/src/components/Charts/Keyboard.vue
+++ b/src/components/Charts/Keyboard.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import echarts from 'echarts'
+import * as echarts from 'echarts'
 import resize from './mixins/resize'
 
 export default {
diff --git a/src/components/Charts/LineMarker.vue b/src/components/Charts/LineMarker.vue
index 3dd74369..904ba425 100644
--- a/src/components/Charts/LineMarker.vue
+++ b/src/components/Charts/LineMarker.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import echarts from 'echarts'
+import * as echarts from 'echarts'
 import resize from './mixins/resize'
 
 export default {
diff --git a/src/components/Charts/MixChart.vue b/src/components/Charts/MixChart.vue
index c416542e..8474b85d 100644
--- a/src/components/Charts/MixChart.vue
+++ b/src/components/Charts/MixChart.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import echarts from 'echarts'
+import * as echarts from 'echarts'
 import resize from './mixins/resize'
 
 export default {
diff --git a/src/views/dashboard/admin/components/BarChart.vue b/src/views/dashboard/admin/components/BarChart.vue
index be0af34f..88e7ef64 100644
--- a/src/views/dashboard/admin/components/BarChart.vue
+++ b/src/views/dashboard/admin/components/BarChart.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import echarts from 'echarts'
+import * as echarts from 'echarts'
 require('echarts/theme/macarons') // echarts theme
 import resize from './mixins/resize'
 
diff --git a/src/views/dashboard/admin/components/LineChart.vue b/src/views/dashboard/admin/components/LineChart.vue
index e654168d..702ff73f 100644
--- a/src/views/dashboard/admin/components/LineChart.vue
+++ b/src/views/dashboard/admin/components/LineChart.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import echarts from 'echarts'
+import * as echarts from 'echarts'
 require('echarts/theme/macarons') // echarts theme
 import resize from './mixins/resize'
 
diff --git a/src/views/dashboard/admin/components/PieChart.vue b/src/views/dashboard/admin/components/PieChart.vue
index 4d2ef32a..63f0d849 100644
--- a/src/views/dashboard/admin/components/PieChart.vue
+++ b/src/views/dashboard/admin/components/PieChart.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import echarts from 'echarts'
+import * as echarts from 'echarts'
 require('echarts/theme/macarons') // echarts theme
 import resize from './mixins/resize'
 
diff --git a/src/views/dashboard/admin/components/RaddarChart.vue b/src/views/dashboard/admin/components/RaddarChart.vue
index 52c8f9fb..70958903 100644
--- a/src/views/dashboard/admin/components/RaddarChart.vue
+++ b/src/views/dashboard/admin/components/RaddarChart.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import echarts from 'echarts'
+import * as echarts from 'echarts'
 require('echarts/theme/macarons') // echarts theme
 import resize from './mixins/resize'