Properly adopt newer version of ESLint

Author: nirui

.eslintrc.js

@@ -15,7 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
-module.exports = function (api) {
+module.exports = function(api) {
   api.cache(true);
 
   return {

babel.config.js babel.config.cjsbabel.config.js renamed to babel.config.cjs

@@ -0,0 +1,42 @@
+import globals from "globals";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all
+});
+
+export default [...compat.extends(
+    "plugin:vue/recommended",
+    "eslint:recommended",
+    "prettier",
+    "plugin:prettier/recommended",
+), {
+    languageOptions: {
+        globals: {
+            ...globals.node,
+            $nuxt: true,
+        },
+
+        ecmaVersion: 13,
+        sourceType: "module",
+
+        parserOptions: {
+            parser: "@babel/eslint-parser",
+        },
+    },
+
+    rules: {
+        "vue/component-name-in-template-casing": ["error", "PascalCase"],
+        "vue/multi-word-component-names": "off",
+        "no-console": "off",
+        "no-debugger": "off",
+        "no-unused-vars": "warn",
+    },
+}];

eslint.config.mjs

@@ -3,6 +3,7 @@
   "version": "0.0.0",
   "description": "Sshwifty Web Front-end Project",
   "main": "",
+  "type": "module",
   "devDependencies": {
     "@azurity/pure-nerd-font": "^3.0.4",
     "@babel/core": "^7.26.9",

package.json

@@ -0,0 +1,8 @@
+[
+    {
+      "Title": "Testing telnet server",
+      "Type": "Telnet",
+      "Host": "sshwifty-telnet-test:5555",
+      "Meta": {}
+    },
+]

preset.json.example

@@ -32,7 +32,7 @@ import Home from "./home.vue";
 import "./landing.css";
 import Loading from "./loading.vue";
 import { Socket } from "./socket.js";
-import * as stream from "./stream/common";
+import * as stream from "./stream/common.js";
 import * as xhr from "./xhr.js";
 
 const backendQueryRetryDelay = 2000;

ui/app.js

@@ -15,7 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
-import * as buffer from "buffer/";
+import * as buffer from "buffer";
 import * as iconv from "iconv-lite";
 import Exception from "./exception.js";
 

ui/commands/common.js

@@ -15,21 +15,22 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
-const webpack = require("webpack"),
-  { spawn } = require("child_process"),
-  path = require("path"),
-  os = require("os"),
-  HtmlWebpackPlugin = require("html-webpack-plugin"),
-  MiniCssExtractPlugin = require("mini-css-extract-plugin"),
-  CssMinimizerPlugin = require("css-minimizer-webpack-plugin"),
-  ImageMinimizerPlugin = require("image-minimizer-webpack-plugin"),
-  { VueLoaderPlugin } = require("vue-loader"),
-  WebpackFavicons = require("webpack-favicons"),
-  CopyPlugin = require("copy-webpack-plugin"),
-  TerserPlugin = require("terser-webpack-plugin"),
-  { CleanWebpackPlugin } = require("clean-webpack-plugin"),
-  ESLintPlugin = require("eslint-webpack-plugin");
-
+import webpack from "webpack";
+import { spawn } from "child_process";
+import path from "path";
+import os from "os";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
+import ImageMinimizerPlugin from "image-minimizer-webpack-plugin";
+import { VueLoaderPlugin  } from "vue-loader";
+import WebpackFavicons from "webpack-favicons";
+import CopyPlugin from "copy-webpack-plugin";
+import TerserPlugin from "terser-webpack-plugin";
+import { CleanWebpackPlugin } from "clean-webpack-plugin";
+import ESLintPlugin from "eslint-webpack-plugin";
+
+const __dirname = path.resolve(path.dirname(''));
 const inDevMode = process.env.NODE_ENV === "development";
 
 process.traceDeprecation = true;
@@ -183,7 +184,7 @@ const killAllProc = () => {
 process.on("SIGTERM", killAllProc);
 process.on("SIGINT", killAllProc);
 
-module.exports = {
+export default {
   entry: {
     app: path.join(__dirname, "ui", "app.js"),
   },