Merge pull request #15 from New1Direction/chore/website-eslint

chore(website): add ESLint (next/core-web-vitals + typescript)

Author: New1Direction

website/components/home/HeroMascot.tsx

@@ -35,6 +35,7 @@ export function HeroMascot() {
     <div className="hero-mascot">
       <div className="hero-mascot-stage">
         {reduced ? (
+          // eslint-disable-next-line @next/next/no-img-element -- static export (output: export) with unoptimized images; next/image adds no value for this decorative poster
           <img src={`${BASE}/mascot-poster.jpg`} alt={ALT} width={230} height={270} />
         ) : (
           <video

website/eslint.config.mjs

@@ -0,0 +1,26 @@
+import { dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({ baseDirectory: __dirname });
+
+const eslintConfig = [
+  // next/core-web-vitals bundles the React, react-hooks, and jsx-a11y plugins;
+  // next/typescript adds the typescript-eslint recommended rules.
+  ...compat.extends('next/core-web-vitals', 'next/typescript'),
+  {
+    // Generated / build output — never our code to lint.
+    ignores: [
+      '.next/**',
+      'out/**',
+      '.source/**',
+      'node_modules/**',
+      'next-env.d.ts',
+    ],
+  },
+];
+
+export default eslintConfig;