chore: update the config for unit testing and lint

Author: kimljj

.browserslistrc

@@ -1,11 +1,18 @@
-# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
 # For additional information regarding the format and rule options, please see:
 # https://github.com/browserslist/browserslist#queries
-#
-# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
 
-> 0.5%
-last 2 versions
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 2 Chrome version
+last 2 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+last 2 Android major versions
 Firefox ESR
-not dead
-not IE 9-11
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

.eslintrc.json

@@ -16,26 +16,59 @@
         "createDefaultProgram": true
       },
       "extends": [
+        "eslint:recommended",
+        "airbnb-base",
+        "airbnb-typescript/base",
         "plugin:@angular-eslint/ng-cli-compat",
         "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
-        "plugin:@angular-eslint/template/process-inline-templates"
+        "plugin:@angular-eslint/template/process-inline-templates",
+        "plugin:rxjs/recommended"
+      ],
+      "plugins": [
+        "rxjs-angular"
       ],
       "rules": {
-        "@typescript-eslint/consistent-type-definitions": "error",
-        "@typescript-eslint/dot-notation": "off",
-        "@typescript-eslint/explicit-member-accessibility": [
-          "off",
+        "@angular-eslint/component-class-suffix": [
+          "error",
           {
-            "accessibility": "explicit"
+            "suffixes": [
+              "Page",
+              "Component"
+            ]
           }
         ],
-        "brace-style": [
+        "@angular-eslint/component-selector": [
           "error",
-          "1tbs"
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
         ],
-        "id-blacklist": "off",
-        "id-match": "off",
-        "no-underscore-dangle": "off"
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "app",
+            "style": "camelCase"
+          }
+        ],
+        "import/prefer-default-export": "off",
+        "rxjs-angular/prefer-async-pipe": "off",
+        "rxjs-angular/prefer-composition": "off",
+        "rxjs-angular/prefer-takeuntil": "error",
+        "@typescript-eslint/no-unused-vars": [
+          "error",
+          {
+            "vars": "all",
+            "args": "after-used",
+            "ignoreRestSiblings":  true,
+            "varsIgnorePattern": "[iI]gnored",
+            "argsIgnorePattern": "^_"
+          }
+        ],
+        "ngrx/prefer-effect-callback-in-block-statement": "off",
+        "@typescript-eslint/explicit-function-return-type":"error"
       }
     },
     {
@@ -45,7 +78,17 @@
       "extends": [
         "plugin:@angular-eslint/template/recommended"
       ],
-      "rules": {}
+      "rules": {
+        "@angular-eslint/template/conditional-complexity": "error",
+        "@angular-eslint/template/no-call-expression": "error",
+        "@angular-eslint/template/use-track-by-function": "error",
+        "@angular-eslint/template/cyclomatic-complexity": [
+          "error",
+          {
+            "maxComplexity": 25
+          }
+        ]
+      }
     }
   ]
 }