setup linting

Author: yiliansource

.eslintignore

@@ -0,0 +1,9 @@
+# ignore configs
+.eslintrc.js
+babel.config.js
+docusaurus.config.js
+
+# ignore built directories
+node_modules
+build
+.docusaurus

.eslintrc.js

@@ -0,0 +1,11 @@
+module.exports = {
+    root: true,
+    env: {
+        browser: true,
+    },
+    plugins: ["@typescript-eslint", "prettier"],
+    rules: {
+        "prettier/prettier": "error",
+    },
+    extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:prettier/recommended"],
+};

package.json

@@ -12,7 +12,8 @@
         "serve": "docusaurus serve",
         "write-translations": "docusaurus write-translations",
         "write-heading-ids": "docusaurus write-heading-ids",
-        "format": "prettier --write ."
+        "format": "prettier --write .",
+        "lint": "eslint . --ext .js,.ts,.jsx,.tsx"
     },
     "dependencies": {
         "@docusaurus/core": "^2.0.0-beta.4",
@@ -43,6 +44,11 @@
         "@types/react": "^17.0.27",
         "@types/react-helmet": "^6.1.3",
         "@types/react-router-dom": "^5.3.1",
+        "@typescript-eslint/eslint-plugin": "^4.33.0",
+        "@typescript-eslint/parser": "^4.33.0",
+        "eslint": "^7.32.0",
+        "eslint-config-prettier": "^8.3.0",
+        "eslint-plugin-prettier": "^4.0.0",
         "prettier": "^2.4.1",
         "typescript": "^4.4.3"
     }

src/components/HomepageFeatures.tsx

@@ -13,6 +13,7 @@ interface Feature {
 const FeatureList: Feature[] = [
     {
         title: "Easy to Use",
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
         icon: require("../../static/svg/lightweight.svg").default,
         description: (
             <>
@@ -30,6 +31,7 @@ const FeatureList: Feature[] = [
     },
     {
         title: "Lightweight Where it Counts",
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
         icon: require("../../static/svg/lightweight.svg").default,
         description: (
             <>
@@ -40,6 +42,7 @@ const FeatureList: Feature[] = [
     },
     {
         title: "Cross-Platform",
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
         icon: require("../../static/svg/win-mac-lin-combo-interesting.svg").default,
         description: (
             <>