Adds linters

.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es2021": true,
+        "node": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended"
+    ],
+  "overrides": [
+    ],
+    "parserOptions": {
+        "ecmaVersion": 12,
+        "sourceType": "module"
+    },
+    "plugins": [
+        "react"
+    ],
+    "rules": {
+        'react/prop-types': 0,
+    }
+}

.prettierignore

@@ -0,0 +1 @@
+# Ignore artifacts:

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "endOfLine": "lf",
+  "semi": false,
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "none"
+}

.tool-versions

@@ -1 +1 @@
-nodejs 14.0.0
+nodejs 14.17.0

README.md

@@ -1,2 +1,7 @@
 # MGkit
+
 Barebones reusable React components by Mashup Garage.
+
+## Linter
+
+- Run linter with `yarn lint`

package.json

@@ -12,7 +12,7 @@
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
     "babel-plugin-macros": "^3.1.0",
-    "eslint": "^8.12.0",
+    "eslint": "^8.24.0",
     "eslint-plugin-flowtype": "^8.0.3",
     "glob-parent": "^6.0.2",
     "react": "^17.0.2",
@@ -28,7 +28,8 @@
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public"
+    "build-storybook": "build-storybook -s public",
+    "lint": "prettier --write 'src/**/*.{scss,js,jsx,ts,tsx}'"
   },
   "eslintConfig": {
     "extends": [
@@ -70,7 +71,11 @@
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^6.5.7",
     "css-loader": "^6.7.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.8",
     "node-sass": "^7.0.1",
+    "prettier": "2.7.1",
     "sass": "^1.49.10",
     "sass-loader": "^12.6.0",
     "style-loader": "^3.3.1",