build(deps): upgrade eslint to v9

.vscode/extensions.json

@@ -1,7 +1,5 @@
 {
     "recommendations": [
-        "dbaeumer.vscode-eslint",
-        "esbenp.prettier-vscode",
         "stylelint.vscode-stylelint"
     ]
-}
+}

eslint.config.mjs

@@ -0,0 +1,28 @@
+import prettier from "eslint-config-prettier";
+import js from "@eslint/js";
+import ts from "typescript-eslint";
+import nounsanitized from "eslint-plugin-no-unsanitized";
+
+export default ts.config(
+    js.configs.recommended,
+    nounsanitized.configs.recommended,
+    ...ts.configs.recommended,
+    prettier,
+    {
+        rules: {
+            "no-console": "error",
+            "no-alert": "error",
+            "no-process-env": "error",
+            "@typescript-eslint/no-unused-vars": [
+                "error",
+                {
+                    destructuredArrayIgnorePattern: "^_",
+                },
+            ],
+            "@typescript-eslint/no-unused-expressions": "off",
+        },
+    },
+    {
+        ignores: ["node_modules", "dist", "**/*.js"],
+    }
+);

lib/components/expandable/expandable.ts

@@ -28,7 +28,7 @@ function globalChangeListener(e: UIEvent) {
             let customEvent;
             try {
                 customEvent = new Event(RADIO_OFF_EVENT);
-            } catch (ex) {
+            } catch {
                 // Internet Explorer
                 customEvent = document.createEvent("Event");
                 customEvent.initEvent(RADIO_OFF_EVENT, true, true);

lib/components/select/select.a11y.test.ts

@@ -61,7 +61,6 @@ describe("select", () => {
                 default: child(state.attr),
             },
             template: ({ component, testid }) =>
-                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                 template({ component, testid, className: state.class }),
             options: {
                 includeNullModifier: false,

lib/components/select/select.visual.test.ts

@@ -62,7 +62,6 @@ describe("select", () => {
                 selected: child(state.attr),
             },
             template: ({ component, testid }) =>
-                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                 template({ component, testid, className: state.class }),
             options: {
                 includeNullModifier: false,

lib/components/uploader/uploader.ts

@@ -137,7 +137,7 @@ export class UploaderController extends Stacks.StacksController {
 
         if (file.type.match("image/*") && file.data) {
             thumbElement = document.createElement("img");
-            // eslint-disable-next-line @typescript-eslint/no-base-to-string
+
             thumbElement.src = file.data.toString();
             thumbElement.alt = file.name;
         } else {

lib/stacks.ts

@@ -29,7 +29,7 @@ export class StacksApplication extends Stimulus.Application {
         schema?: Stimulus.Schema
     ): StacksApplication {
         const application = new StacksApplication(element, schema);
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+
         application.start();
         return application;
     }
@@ -64,9 +64,9 @@ export class StacksController extends Stimulus.Controller {
                 cancelable: true,
                 detail: detail,
             });
-        } catch (ex) {
+        } catch {
             // Internet Explorer
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+
             event = document.createEvent("CustomEvent");
             event.initCustomEvent(namespacedName, true, true, detail);
         }

lib/test/test-utils.ts

@@ -119,7 +119,7 @@ type Themes = ["light" | "dark" | "highcontrast" | ""];
 
 const attrObjToString = (attrs: Record<string, string>): string => {
     const attrString = Object.keys(attrs).map((key) => {
-        return `${key}="${attrs[key]}"` || "";
+        return `${key}="${attrs[key]}"`;
     });
     return attrString.join(" ") || "";
 };