Upgrade all JS deps to the latest major version

js/package.json

@@ -22,34 +22,35 @@
     },
     "homepage": "http://www.agiletoolkit.org/",
     "dependencies": {
-        "@babel/runtime": "^7.14.6",
+        "@babel/runtime": "^7.19.4",
         "column-resizer": "^1.3.6",
-        "core-js": "^3.15.2",
+        "core-js": "^3.26.0",
         "lodash": "github:lodash/lodash#2da024c3b4",
-        "mitt": "^2.1.0",
+        "mitt": "^3.0.0",
         "semantic-ui-vue": "^0.11.0",
-        "vue": "^2.6.14",
-        "vue-flatpickr-component": "^8.1.7",
+        "vue": "^3.2.41",
+        "vue-flatpickr-component": "^10.0.0",
         "vue-query-builder": "^0.8.2"
     },
     "devDependencies": {
-        "@babel/cli": "^7.14.5",
-        "@babel/core": "^7.14.6",
-        "@babel/plugin-transform-runtime": "^7.14.5",
-        "@babel/preset-env": "^7.14.7",
-        "babel-loader": "^8.2.2",
-        "css-loader": "^5.2.6",
-        "eslint": "^8.25.0",
+        "@babel/cli": "^7.19.3",
+        "@babel/core": "^7.19.6",
+        "@babel/plugin-transform-runtime": "^7.19.6",
+        "@babel/preset-env": "^7.19.4",
+        "babel-loader": "^8.2.5",
+        "css-loader": "^6.7.1",
+        "eslint": "^8.26.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-jsdoc": "^39.3.6",
+        "eslint-plugin-jsdoc": "^39.3.25",
         "eslint-plugin-vue": "^9.6.0",
         "source-map-loader": "^4.0.1",
-        "style-loader": "^2.0.0",
-        "terser-webpack-plugin": "^5.1.4",
-        "vue-loader": "^15.9.7",
-        "vue-template-compiler": "^2.6.14",
-        "webpack": "^5.44.0",
-        "webpack-cli": "^4.7.2"
+        "style-loader": "^3.3.1",
+        "terser-webpack-plugin": "^5.3.6",
+        "vue-loader": "^17.0.0",
+        "vue-style-loader": "^4.1.3",
+        "vue-template-compiler": "^2.7.13",
+        "webpack": "^5.74.0",
+        "webpack-cli": "^4.10.0"
     }
 }

js/webpack.config.js

@@ -97,8 +97,7 @@ module.exports = (env) => {
                     test: /\.vue$/,
                     loader: 'vue-loader',
                 },
-                // this will apply to both plain .css files
-                // AND <style> blocks in .vue files
+                // this will apply to both plain .css files AND <style> blocks in .vue files
                 {
                     test: /\.css$/,
                     use: [
@@ -113,7 +112,7 @@ module.exports = (env) => {
         resolve: {
             alias: {
                 atk$: srcDir + '/setup-atk.js',
-                vue$: 'vue/dist/vue.esm.js',
+                vue$: 'vue/dist/vue.esm-bundler.js',
             },
             modules: [
                 srcDir,