Setup: ESLint + Prettier

Author: samuelhulla

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": false,
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 120,
+  "tabWidth": 2
+}

packages/core/.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": ["custom/react-package"]
+}

packages/eslint-config-custom/react-internal.js renamed to packages/eslint-config-custom/package.js

@@ -16,7 +16,6 @@ module.exports = {
   extends: [
     "@vercel/style-guide/eslint/browser",
     "@vercel/style-guide/eslint/typescript",
-    "@vercel/style-guide/eslint/react",
   ].map(require.resolve),
   parserOptions: {
     project,

packages/eslint-config-custom/package.json

@@ -4,7 +4,13 @@
   "version": "0.0.0",
   "private": true,
   "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^6.5.0",
+    "@typescript-eslint/parser": "^6.5.0",
     "@vercel/style-guide": "^5.0.0",
-    "eslint-config-turbo": "^1.10.12"
+    "eslint": "^8.48.0",
+    "eslint-config-turbo": "^1.10.12",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0"
   }
 }

packages/eslint-config-custom/library.js renamed to packages/eslint-config-custom/react-package.js

@@ -15,7 +15,9 @@ module.exports = {
   extends: [
     "@vercel/style-guide/eslint/node",
     "@vercel/style-guide/eslint/typescript",
+    "@vercel/style-guide/eslint/react",
   ].map(require.resolve),
+  parser: '@typescript-eslint/parser',
   parserOptions: {
     project,
   },
@@ -29,6 +31,19 @@ module.exports = {
         project,
       },
     },
+    'react': {
+      version: 'detect',
+    }
   },
+  plugins: ['prettier', '@typescript-eslint', 'react', 'react-hooks'],
+  extends: [
+    'turbo',
+    'prettier',
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:prettier/recommended',
+  ],
   ignorePatterns: ["node_modules/", "dist/"],
 };

packages/native/.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": ["custom/react-package"]
+}

packages/ui/.eslintrc.js

@@ -1,3 +1,3 @@
 module.exports = {
-  extends: ["custom/react-internal"],
+  extends: ["custom/package"],
 };