.eslintrc

{
	"env": {
		"browser": true,
		"es2020": true
	},
	"parser": "@typescript-eslint/parser",
	"parserOptions": {
		"ecmaFeatures": {
			"jsx": true
		},
		"ecmaVersion": 11,
		"sourceType": "module"
	},
	"plugins": [
		"@typescript-eslint",
		"unused-imports",
		"spellcheck",
		"simple-import-sort"
	],
	"extends": [
		"plugin:import/recommended",
		"plugin:import/errors",
		"plugin:import/warnings",
		"plugin:import/typescript"
	],
	"rules": {
		// turn on errors for missing imports
		"import/no-unresolved": "error",
		"spellcheck/spell-checker": [
			"error",
			{
				"comments": false,
				"strings": true,
				"identifiers": true,
				"templates": true,
				"ignoreRequire": true,
				"lang": "en_US",
				"skipWords": [],
				// Check if word contains numbers
				"skipIfMatch": [
					"\\d+",
					"^[a-z]+$"
				],
				"minLength": 3
			}
		],
		"import/no-useless-path-segments": [
			"error",
			{
				"noUselessIndex": true
			}
		],
		"import/export": "off",
		"import/namespace": "warn",
		"import/no-duplicates": [
			"error",
			{
				"prefer-inline": true
			}
		],
		"import/newline-after-import": [
			"error",
			{
				"count": 1
			}
		],
		"unused-imports/no-unused-imports": "error",
		"simple-import-sort/imports": [
			"error",
			{
				// docs: https://github.com/lydell/eslint-plugin-simple-import-sort#custom-grouping
				"groups": [
					// Side effect imports.
					[
						"^\\u0000"
					],
					// Node.js builtins prefixed with `node:`.
					[
						"^node:"
					],
					// Packages.
					// Things that start with a letter (or digit or underscore), or `@` followed by a letter.
					[
						"^react",
						"^\\w",
						"^@\\w"
					],
					// Absolute imports and other imports such as Vue-style `@/foo`.
					// Anything not matched in another group.
					[
						"^"
					],
					// Relative imports.
					[
						"^../../"
					],
					// Anything that starts with a dot.
					[
						"^../",
						"^./",
						"^\\."
					],
					// Global CSS files at bottom
					[
						"\\.css$"
					]
				]
			}
		],
		"function-call-argument-newline": [
			"error",
			"consistent"
		],
		"no-var": "error",
		"no-bitwise": "error",
		"no-multi-spaces": "error",
		"no-multiple-empty-lines": "error",
		"space-in-parens": "error",
		"semi": "error",
		"prefer-const": "error",
		// off cuz eslint is dumb: https://stackoverflow.com/questions/63818415/react-was-used-before-it-was-defined
		"no-use-before-define": "off",
		"@typescript-eslint/no-use-before-define": [
			"error"
		],
		// Codestyle
		"indent": [
			"error",
			"tab",
			{
				"SwitchCase": 1
			}
		],
		"camelcase": [
			"error",
			{
				"allow": [
					"^UNSAFE_",
					"^UNSTABLE_"
				]
			}
		],
		"arrow-parens": [
			"error",
			"always"
		],
		"operator-linebreak": [
			"error",
			"after",
			{
				"overrides": {
					"?": "before",
					":": "before"
				}
			}
		],
		"space-before-function-paren": [
			"error",
			{
				"asyncArrow": "always",
				"anonymous": "never",
				"named": "never"
			}
		]
	}
}