Merge branch 'main' into typescript-strict-rules

Author: lukasvice

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@aboutbits/eslint-config",
-  "version": "2.2.4",
+  "version": "2.4.0",
   "description": "AboutBits' ESLint config presets",
   "author": "AboutBits",
   "license": "MIT",

package.json

@@ -24,6 +24,13 @@ module.exports = {
       'error',
       { props: 'never', children: 'never', propElementValues: 'always' }
     ],
+    'react/self-closing-comp': [
+      'error',
+      {
+        component: true,
+        html: true,
+      },
+    ],
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'error',
     'tailwindcss/classnames-order': 'off',

ts-react.js

@@ -30,7 +30,11 @@ module.exports = {
         'plugin:@typescript-eslint/stylistic-type-checked',
       ],
       files: ['./**/*.{ts,tsx}']
-    }
+    },
+    {
+      extends: ['plugin:prettier/recommended'],
+      files: ['./**/*.json'],
+    },
   ],
   rules: {
     '@typescript-eslint/no-unused-vars': [
@@ -44,12 +48,39 @@ module.exports = {
     ],
     '@typescript-eslint/member-delimiter-style': 'off',
     '@typescript-eslint/explicit-function-return-type': 'off',
-    'import/order': [
+    '@typescript-eslint/restrict-template-expressions': [
       'error',
       {
-        groups: ['builtin', 'external', 'unknown', 'parent', 'sibling', 'index']
+        'allowNumber': true,
+        'allowNullish': false,
+        'allowBoolean': false,
+        'allowRegExp': false,
+        'allowNever': false,
       }
     ],
+    'import/order': [
+      'error',
+      {
+        groups: [
+          'builtin',
+          'external',
+          'internal',
+          'unknown',
+          'parent',
+          'sibling',
+          'index',
+          'object',
+          'type',
+        ],
+        alphabetize: {
+          order: 'asc',
+          orderImportKind: 'asc',
+          caseInsensitive: true,
+        },
+        'newlines-between': 'never',
+        warnOnUnassignedImports: true,
+      },
+    ],
     'no-console': [
       'error',
       {