ci: add eslint with prettier, with ts and mdx support

.eslintrc.json

@@ -1,3 +1,29 @@
 {
-  "extends": "next/core-web-vitals"
+  "plugins": [
+    "@typescript-eslint"
+  ],
+  "extends": [
+    "plugin:@typescript-eslint/recommended",
+    "next/core-web-vitals",
+    "plugin:mdx/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "sourceType": "module",
+    "project": "tsconfig.json"
+  },
+  "settings": {
+    "mdx/code-blocks": true
+  },
+  "overrides": [
+    {
+      "files": ["*.mdx"],
+      "extends": "plugin:mdx/recommended"
+    }
+  ]
+
 }

.github/workflows/eslint.yml

@@ -38,7 +38,7 @@ jobs:
       - name: Run ESLint
         run: npx eslint .
           --config .eslintrc.json
-          --ext .js,.jsx,.ts,.tsx,.mdx
+          --ext .js,.jsx,.ts,.tsx,.md,.mdx
           --format @microsoft/eslint-formatter-sarif
           --output-file eslint-results.sarif
         continue-on-error: true

.prettierignore

@@ -0,0 +1 @@
+node_modules

.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

package.json

@@ -21,5 +21,13 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "5.1.3"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/parser": "^5.60.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-mdx": "^2.1.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "prettier": "2.8.8"
   }
 }