New Linting Rules

f7879dd9 · Subliminal Guy · 1d11cdbe · f7879dd9 · f7879dd9 · f7879dd9
Commit f7879dd9 authored 3 months ago by Subliminal Guy
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
 import globals from "globals";
-import pluginJs from "@eslint/js";
+import js from "@eslint/js";
+import airbnbBase from "eslint-config-airbnb-base";
+import importPlugin from "eslint-plugin-import";

+const airbnbRules = airbnbBase.rules;

-/** @type {import('eslint').Linter.Config[]} */
+/** @type {import('eslint').Linter.FlatConfig[]} */
 export default [
  {
-    languageOptions: { globals: globals.browser },
-    "rules": {
+    languageOptions: {
+      globals: {
+        ...globals.browser
+      },
+      parserOptions: {
+        ecmaVersion: 2022,
+        sourceType: "module"
+      }
+    },
+    plugins: {
+      import: importPlugin
+    },
+    rules: {
+      ...airbnbRules,
+      // Your custom rules (these will override Airbnb rules)
      "max-len": ["error", { "code": 80 }],
      "indent": ["error", 2]
    }
  },
-  pluginJs.configs.recommended,
-
+  js.configs.recommended,
+  {
+    rules: {
+      "max-len": ["error", { "code": 80 }],
+      "indent": ["error", 2]  // Any additional rules or overrides
+    }
+  }
 ];
\ No newline at end of file
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
 </head>

 <body>
-  <button class="main-button" type="button">Click</button>
+      <button class="main-button" type="button">Click</button>
  <script type="module" src="index.js"></script>
 </body>


--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
  "main": "index.html",
  "scripts": {
    "test": "npm run dev",
-    "lint": "eslint",
+    "lint": "eslint .",
    "lint:fix": "npm run lint -- --fix"
  },
  "author": "subliminalguy",
@@ -14,6 +14,8 @@
    "@eslint/js": "^9.19.0",
    "eslint": "^8.57.1",
    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-plugin-import": "^2.31.0",
    "globals": "^15.14.0"
  }
 }