chore: updated frontend packages

frontend/Dockerfile

@@ -8,7 +8,7 @@ WORKDIR /opt
 ADD package.json /opt/package.json
 ADD package-lock.json /opt/package-lock.json
 
-RUN npm install -g webpack@5.44.0 webpack-cli@4.7.2
+RUN npm install -g webpack@5.58.1 webpack-cli@4.9.0
 
 RUN npm install
 

frontend/package.json

@@ -17,47 +17,47 @@
     "prod": "npx webpack --config webpack.prod.js"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.5",
-    "@babel/eslint-parser": "^7.15.7",
+    "@babel/core": "^7.15.8",
+    "@babel/eslint-parser": "^7.15.8",
     "@babel/plugin-proposal-object-rest-spread": "^7.15.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.15.0",
-    "@babel/preset-env": "^7.15.6",
-    "@vue/compiler-sfc": "^3.2.19",
+    "@babel/plugin-transform-runtime": "^7.15.8",
+    "@babel/preset-env": "^7.15.8",
+    "@vue/compiler-sfc": "^3.2.20",
     "babel-loader": "^8.2.2",
-    "css-loader": "^5.2.7",
-    "eslint": "^7.32.0",
+    "css-loader": "^6.4.0",
+    "eslint": "^8.0.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-vue": "^7.18.0",
-    "eslint-webpack-plugin": "^2.5.4",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^7.19.1",
+    "eslint-webpack-plugin": "^3.0.1",
     "fetch": "^1.1.0",
     "node-sass": "^6.0.1",
-    "prettier": "2.3.2",
+    "prettier": "^2.4.1",
     "sass-loader": "^12.1.0",
     "vue-style-loader": "^4.1.3",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-cli": "^4.9.0",
+    "webpack-dev-server": "^4.3.1"
   },
   "dependencies": {
     "@babel/runtime": "^7.15.4",
     "config": "^3.3.6",
-    "date-fns": "^2.24.0",
+    "date-fns": "^2.25.0",
     "dompurify": "^2.3.3",
     "eslint-config-airbnb-base": "^14.2.1",
     "html-webpack-plugin": "^5.3.2",
-    "marked": "^2.1.3",
+    "marked": "^3.0.7",
     "toasters": "^2.3.1",
-    "vue": "^3.2.19",
+    "vue": "^3.2.20",
     "vue-content-loader": "^2.0.0",
     "vue-loader": "^16.8.1",
     "vue-router": "^4.0.11",
-    "vue-tippy": "^6.0.0-alpha.33",
+    "vue-tippy": "^6.0.0-alpha.34",
     "vuedraggable": "^4.1.0",
     "vuex": "^4.0.2",
-    "webpack": "5.38.0",
+    "webpack": "5.58.1",
     "webpack-bundle-analyzer": "^4.4.2",
     "webpack-merge": "^5.8.0"
   }
-}
+}

frontend/webpack.dev.js

@@ -17,16 +17,32 @@ module.exports = merge(common, {
 		}
 	},
 	devServer: {
-		contentBase: "./dist/",
-		historyApiFallback: true,
+		static: {
+			directory: "./dist/",
+			// watchOptions: {
+			// 	aggregateTimeout: 300,
+			// 	poll: 1000
+			// }
+			watch: true
+		},
 		hot: true,
+		historyApiFallback: true,
 		port: config.get("frontendPort"),
-		public: config.get("frontendDomain"),
 		host: "0.0.0.0",
-		watchOptions: {
-			aggregateTimeout: 300,
-			poll: 1000
-		},
-		disableHostCheck: true
+		allowedHosts: "all"
 	}
+
+	// devServer: {
+	// 	// contentBase: "./dist/",
+	// 	// historyApiFallback: true,
+	// 	// hot: true,
+	// 	// port: config.get("frontendPort"),
+	// 	// // public: config.get("frontendDomain"),
+	// 	// host: "0.0.0.0",
+	// 	// watchOptions: {
+	// 	// 	aggregateTimeout: 300,
+	// 	// 	poll: 1000
+	// 	// },
+	// 	// disableHostCheck: true
+	// }
 });