Upgrade frontend dependencies, including the newest version of favicons that we use to build our favicon images

package.json

@@ -4,32 +4,31 @@
   "description": "Sshwifty Web Front-end Project",
   "main": "",
   "devDependencies": {
-    "@babel/core": "^7.18.10",
+    "@babel/core": "^7.19.0",
     "@babel/eslint-parser": "^7.18.9",
     "@babel/plugin-transform-runtime": "^7.18.10",
-    "@babel/preset-env": "^7.18.10",
+    "@babel/preset-env": "^7.19.0",
     "@babel/register": "^7.18.9",
-    "@babel/runtime": "^7.18.9",
+    "@babel/runtime": "^7.19.0",
     "babel-loader": "^8.2.5",
     "buffer": "^6.0.3",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.7.1",
-    "css-minimizer-webpack-plugin": "^4.0.0",
+    "css-minimizer-webpack-plugin": "^4.1.0",
     "cwebp-bin": "^8.0.0",
-    "eslint": "^8.21.0",
+    "eslint": "^8.23.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.3.0",
+    "eslint-plugin-vue": "^9.4.0",
     "eslint-webpack-plugin": "^3.2.0",
-    "favicons": "^6.2.2",
-    "favicons-webpack-plugin": "^5.0.2",
+    "favicons": "^7.0.0",
     "fontfaceobserver": "^2.3.0",
     "hack-font": "^3.3.0",
     "html-loader": "^4.1.0",
     "html-webpack-plugin": "^5.5.0",
     "iconv-lite": "^0.6.3",
-    "image-minimizer-webpack-plugin": "^3.2.3",
+    "image-minimizer-webpack-plugin": "^3.4.0",
     "imagemin": "^8.0.1",
     "imagemin-gifsicle": "^7.0.0",
     "imagemin-mozjpeg": "^10.0.0",
@@ -42,12 +41,13 @@
     "prettier": "^2.7.1",
     "roboto-fontface": "^0.10.0",
     "style-loader": "^3.3.1",
-    "terser-webpack-plugin": "^5.3.3",
+    "terser-webpack-plugin": "^5.3.6",
     "vue": "^2.6.14",
     "vue-loader": "^15.9.8",
     "vue-template-compiler": "^2.6.14",
     "webpack": "^5.74.0",
     "webpack-cli": "^4.10.0",
+    "webpack-favicons": "^1.3.8",
     "xterm": "^4.19.0",
     "xterm-addon-fit": "^0.5.0",
     "xterm-addon-web-links": "^0.6.0"

webpack.config.js

@@ -24,7 +24,7 @@ const webpack = require("webpack"),
   CssMinimizerPlugin = require("css-minimizer-webpack-plugin"),
   ImageMinimizerPlugin = require("image-minimizer-webpack-plugin"),
   { VueLoaderPlugin } = require("vue-loader"),
-  FaviconsWebpackPlugin = require("favicons-webpack-plugin"),
+  WebpackFavicons = require("webpack-favicons"),
   CopyPlugin = require("copy-webpack-plugin"),
   TerserPlugin = require("terser-webpack-plugin"),
   { CleanWebpackPlugin } = require("clean-webpack-plugin"),
@@ -361,13 +361,10 @@ module.exports = {
           );
         },
       },
-      new FaviconsWebpackPlugin({
-        logo: path.join(__dirname, "ui", "sshwifty.svg"),
-        prefix: "",
-        cache: false,
-        inject: true,
-        favicons: {
+      new WebpackFavicons({
+        src: path.join(__dirname, "ui", "sshwifty.svg"),
         appName: "Sshwifty SSH Client",
+        appShortName: "Sshwifty",
         appDescription: "Web SSH Client",
         developerName: "Ni Rui",
         developerURL: "https://nirui.org",
@@ -381,11 +378,9 @@ module.exports = {
           appleStartup: { offset: 5, overlayGlow: false },
           coast: false,
           favicons: { overlayGlow: false },
-            firefox: { offset: 5, overlayGlow: false },
           windows: { offset: 5, overlayGlow: false },
           yandex: false,
         },
-        },
       }),
       new HtmlWebpackPlugin({
         inject: true,