updated package.json

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crawlab/app",
-  "version": "0.6.0-beta.20220128.1800",
+  "version": "0.6.0-beta.20220218.1800",
   "scripts": {
     "serve": "vue-cli-service serve",
     "serve:dist": "serve dist",
@@ -16,26 +16,28 @@
   "license": "BSD-3-Clause",
   "dependencies": {
     "@element-plus/icons": "^0.0.11",
-    "@fortawesome/fontawesome-svg-core": "^1.2.32",
-    "@fortawesome/free-brands-svg-icons": "^5.15.1",
-    "@fortawesome/free-regular-svg-icons": "^5.15.1",
-    "@fortawesome/free-solid-svg-icons": "^5.15.1",
-    "@fortawesome/vue-fontawesome": "^3.0.0-4",
+    "@fortawesome/fontawesome-svg-core": "^1.3.0",
+    "@fortawesome/free-brands-svg-icons": "^6.0.0",
+    "@fortawesome/free-regular-svg-icons": "^6.0.0",
+    "@fortawesome/free-solid-svg-icons": "^6.0.0",
+    "@fortawesome/vue-fontawesome": "^3.0.0-5",
     "atom-material-icons": "^3.0.0",
     "codemirror": "^5.59.1",
+    "crawlab-ui": "^0.6.0-beta.20220213.1200",
     "echarts": "^5.1.2",
-    "element-plus": "^1.2.0-beta.3",
-    "vue": "3.0.11",
+    "element-plus": "^1.3.0-beta.9",
+    "vue": "^3.2",
     "vue-router": "^4.0.11"
   },
   "devDependencies": {
     "@babel/core": "^7.17.2",
     "@babel/preset-env": "^7.16.11",
-    "@vue/cli-service": "^4.5.13",
+    "@babel/preset-typescript": "^7.16.7",
+    "@vue/cli-plugin-babel": "^4.5.15",
+    "@vue/cli-service": "^4.5.15",
     "@vue/compiler-sfc": "^3.0.11",
     "babel-loader": "^8.2.3",
     "copy-webpack-plugin": "^6.0",
-    "crawlab-ui": "0.6.0-beta.20220128.1900",
     "raw-loader": "^4.0.2",
     "serve": "^13.0.2",
     "webpack-bundle-analyzer": "^4.5.0"

frontend/src/main.ts

@@ -1,4 +1,5 @@
 import 'crawlab-ui/dist/crawlab-ui.css';
+import 'vue';
 import {createApp} from 'crawlab-ui';
 
 (async function () {

frontend/vue.config.js

@@ -3,6 +3,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin')
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
 
 const alias = {
+  'crawlab-ui$': 'crawlab-ui/dist/crawlab-ui.umd.min.js',
   'element-plus$': 'element-plus/dist/index.full.min.js',
   'echarts$': 'echarts/dist/echarts.min.js',
   'codemirror$': 'codemirror/lib/codemirror.js',
@@ -15,11 +16,16 @@ const optimization = {
     minChunks: 1,
     maxAsyncRequests: 3,
     cacheGroups: {
-      vendors: {
+      defaultVendors: {
         test: /[\\/]node_modules[\\/]/,
         priority: -10,
         reuseExistingChunk: true,
       },
+      default: {
+        minChunks: 2,
+        priority: -20,
+        reuseExistingChunk: true,
+      },
     },
   },
 }
@@ -35,15 +41,6 @@ const config = {
   },
   outputDir: './dist',
   configureWebpack: {
-    module: {
-      rules: [
-        {
-          test: /\.js$/,
-          include: /node_modules\/crawlab-ui/,
-          loader: 'raw-loader',
-        }
-      ]
-    },
     optimization,
     resolve: {
       alias,