feat: Upgrade to angular 12

BREAKING CHANGE: requires angular 12

.browserslistrc

@@ -11,7 +11,7 @@
 last 1 Chrome version
 last 1 Firefox version
 last 2 Edge major versions
-last 2 Safari major version
+last 2 Safari major versions
 last 2 iOS major versions
 Firefox ESR
-not IE 9-11 # For IE 9-11 support, remove 'not'.
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

.circleci/config.yml

@@ -1,11 +1,14 @@
 version: 2.1
+orbs:
+  browser-tools: circleci/browser-tools@1.1.0
 jobs:
   test:
     docker:
-      - image: circleci/node:14-browsers
+      - image: cimg/node:current-browsers
         environment:
           CHROME_BIN: '/usr/bin/google-chrome'
     steps:
+      - browser-tools/install-chrome
       - checkout
       - run:
           name: npm-install
@@ -16,12 +19,15 @@ jobs:
       - run:
           name: lint
           command: npm run lint
+      - run:
+          name: ghpages
+          command: npm run ghpages
       - run:
           name: codecov
           command: bash <(curl -s https://codecov.io/bash)
   release:
     docker:
-      - image: circleci/node:14
+      - image: cimg/node:current
     steps:
       - checkout
       - run: npm ci

.eslintrc.json

@@ -0,0 +1,23 @@
+{
+  "root": true,
+  "ignorePatterns": ["projects/**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "parserOptions": {
+        "project": ["tsconfig.json", "e2e/tsconfig.json"],
+        "createDefaultProgram": true
+      },
+      "extends": [
+        "plugin:@angular-eslint/recommended",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {}
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@angular-eslint/template/recommended"],
+      "rules": {}
+    }
+  ]
+}

.nvmrc

@@ -1 +1 @@
-14
+16

README.md

@@ -45,7 +45,8 @@ Latest version available for each version of Angular
 | 3.4.3     | 6.x 7.x |
 | 4.0.2     | 8.x     |
 | 5.0.1     | 9.x     |
-| current   | >= 10.x |
+| 6.1.1     | >= 10.x |
+| current   | >= 12.x |
 
 ### Quickstart
 

angular.json

@@ -25,15 +25,20 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
-            "aot": true,
             "assets": [
               "src/favicon.ico",
               "src/assets"
             ],
             "styles": [
               "src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {
@@ -101,18 +106,19 @@
           }
         },
         "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
+          "builder": "@angular-eslint/builder:lint",
           "options": {
-            "tsConfig": [
-              "tsconfig.app.json",
-              "tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
             ]
           }
         }
       }
-    }},
-  "defaultProject": "ngx-trend"
+    }
+  },
+  "defaultProject": "ngx-trend",
+  "cli": {
+    "defaultCollection": "@angular-eslint/schematics"
+  }
 }