chore: updated frontend npm dependencies

frontend/.eslintrc

@@ -9,16 +9,17 @@
 	"parserOptions": {
 		"ecmaVersion": 2018,
 		"sourceType": "module",
-		"parser": "babel-eslint"
+		"parser": "@babel/eslint-parser"
 	},
 	"extends": [
 		"airbnb-base",
 		"plugin:vue/strongly-recommended",
 		"eslint:recommended",
-		"prettier",
-		"prettier/vue"
+		"prettier"
+	],
+	"plugins": [
+		"prettier"
 	],
-	"plugins": [ "prettier" ],
 	"globals": {
 		"lofig": "writable",
 		"grecaptcha": "readonly",
@@ -34,7 +35,9 @@
 		"no-shadow": 0,
 		"no-new": 0,
 		"import/no-unresolved": 0,
-		"prettier/prettier": ["error"],
+		"prettier/prettier": [
+			"error"
+		],
 		"vue/order-in-components": 2
 	}
-}
+}

frontend/package.json

@@ -17,47 +17,47 @@
     "prod": "npx webpack --config webpack.prod.js"
   },
   "devDependencies": {
-    "@babel/core": "^7.13.10",
-    "@babel/plugin-proposal-object-rest-spread": "^7.13.8",
-    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "@babel/plugin-transform-runtime": "^7.13.10",
-    "@babel/preset-env": "^7.13.12",
-    "@vue/compiler-sfc": "^3.0.11",
-    "babel-eslint": "^10.0.2",
+    "@babel/core": "^7.14.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.14.7",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.14.5",
+    "@babel/preset-env": "^7.14.7",
+    "@vue/compiler-sfc": "^3.1.4",
+    "@babel/eslint-parser": "^7.14.7",
     "babel-loader": "^8.2.2",
-    "css-loader": "^5.2.4",
-    "eslint": "^6.1.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-loader": "^2.2.1",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^7.8.0",
+    "css-loader": "^5.2.6",
+    "eslint": "^7.30.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-webpack-plugin": "^2.5.4",
+    "eslint-plugin-import": "^2.23.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-vue": "^7.13.0",
     "fetch": "^1.1.0",
-    "node-sass": "^4.14.1",
-    "prettier": "1.18.2",
-    "sass-loader": "^7.1.0",
+    "node-sass": "^6.0.1",
+    "prettier": "2.3.2",
+    "sass-loader": "^12.1.0",
     "vue-style-loader": "^4.1.3",
-    "webpack-cli": "4.5.0",
+    "webpack-cli": "^4.7.2",
     "webpack-dev-server": "^3.11.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
     "config": "^3.3.6",
-    "date-fns": "^2.19.0",
-    "dompurify": "^2.2.8",
-    "eslint-config-airbnb-base": "^13.2.0",
-    "html-webpack-plugin": "^5.3.1",
-    "marked": "^2.0.3",
+    "date-fns": "^2.22.1",
+    "dompurify": "^2.3.0",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "html-webpack-plugin": "^5.3.2",
+    "marked": "^2.1.3",
     "toasters": "^2.3.1",
-    "vue": "^3.1.1",
+    "vue": "^3.1.4",
     "vue-content-loader": "^2.0.0",
-    "vue-loader": "^16.2.0",
-    "vue-router": "^4.0.8",
-    "vue-tippy": "^6.0.0-alpha.29",
+    "vue-loader": "^16.3.0",
+    "vue-router": "^4.0.10",
+    "vue-tippy": "^6.0.0-alpha.30",
     "vuedraggable": "^4.0.1",
-    "vuex": "^4.0.1",
-    "webpack": "5.27.2",
-    "webpack-bundle-analyzer": "^4.4.0",
-    "webpack-merge": "^5.7.3"
+    "vuex": "^4.0.2",
+    "webpack": "5.38.0",
+    "webpack-bundle-analyzer": "^4.4.2",
+    "webpack-merge": "^5.8.0"
   }
 }

frontend/webpack.common.js

@@ -1,6 +1,7 @@
 const path = require("path");
 const { VueLoaderPlugin } = require("vue-loader");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
+const ESLintPlugin = require('eslint-webpack-plugin');
 
 module.exports = {
 	entry: "./src/main.js",
@@ -21,27 +22,16 @@ module.exports = {
 			template: "dist/index.tpl.html",
 			inject: "body",
 			filename: "index.html"
-		})
+		}),
+		new ESLintPlugin()
 	],
 	module: {
 		rules: [
-			{
-				enforce: "pre",
-				test: /\.vue$/,
-				loader: "eslint-loader",
-				exclude: /node_modules/
-			},
 			{
 				test: /\.vue$/,
 				loader: "vue-loader",
 				exclude: /node_modules/
 			},
-			{
-				enforce: "pre",
-				test: /\.js$/,
-				loader: "eslint-loader",
-				exclude: /node_modules/
-			},
 			{
 				test: /\.js$/,
 				loader: "babel-loader",