chore(version): update to version 16

apps/ngrx-1/.eslintrc.json

@@ -5,7 +5,7 @@
     {
       "files": ["*.ts"],
       "extends": [
-        "plugin:@nrwl/nx/angular",
+        "plugin:@nx/angular",
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "rules": {
@@ -29,7 +29,7 @@
     },
     {
       "files": ["*.html"],
-      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "extends": ["plugin:@nx/angular-template"],
       "rules": {}
     }
   ]

apps/ngrx-1/project.json

@@ -7,9 +7,7 @@
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
-      "outputs": [
-        "{options.outputPath}"
-      ],
+      "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/apps/ngrx-1",
         "index": "apps/ngrx-1/src/index.html",
@@ -17,17 +15,10 @@
         "polyfills": "apps/ngrx-1/src/polyfills.ts",
         "tsConfig": "apps/ngrx-1/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": [
-          "apps/ngrx-1/src/favicon.ico",
-          "apps/ngrx-1/src/assets"
-        ],
-        "styles": [
-          "apps/ngrx-1/src/styles.scss"
-        ],
+        "assets": ["apps/ngrx-1/src/favicon.ico", "apps/ngrx-1/src/assets"],
+        "styles": ["apps/ngrx-1/src/styles.scss"],
         "scripts": [],
-        "allowedCommonJsDependencies": [
-          "seedrandom"
-        ]
+        "allowedCommonJsDependencies": ["seedrandom"]
       },
       "configurations": {
         "production": {
@@ -81,19 +72,14 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": [
-          "apps/ngrx-1/**/*.ts",
-          "apps/ngrx-1/**/*.html"
-        ]
+        "lintFilePatterns": ["apps/ngrx-1/**/*.ts", "apps/ngrx-1/**/*.html"]
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
-      "outputs": [
-        "{workspaceRoot}/coverage/{projectRoot}"
-      ],
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
         "jestConfig": "apps/ngrx-1/jest.config.ts",
         "passWithNoTests": true

apps/ngrx-1/src/app/app.config.ts

@@ -0,0 +1,12 @@
+import { ApplicationConfig } from '@angular/core';
+import { provideStore } from '@ngrx/store';
+import { provideEffects } from '@ngrx/effects';
+import { ActivityEffects } from './store/activity/activity.effects';
+import { UserEffects } from './store/user/user.effects';
+import { StatusEffects } from './store/status/status.effects';
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideStore(reducers),
+    provideEffects([ActivityEffects, UserEffects, StatusEffects]),
+  ],
+};

apps/ngrx-1/src/main.ts

@@ -1,19 +1,19 @@
+import { appConfig } from './app/app.config';
 import { enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
-import { provideEffects } from '@ngrx/effects';
-import { provideStore } from '@ngrx/store';
+
 import { AppComponent } from './app/app.component';
-import { ActivityEffects } from './app/store/activity/activity.effects';
+
 import {
   activityFeatureKey,
   activityReducer,
 } from './app/store/activity/activity.reducer';
-import { StatusEffects } from './app/store/status/status.effects';
+
 import {
   statusFeatureKey,
   statusReducer,
 } from './app/store/status/status.reducer';
-import { UserEffects } from './app/store/user/user.effects';
+
 import { userFeatureKey, userReducer } from './app/store/user/user.reducer';
 import { environment } from './environments/environment';
 
@@ -27,9 +27,4 @@ const reducers = {
   [userFeatureKey]: userReducer,
 };
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideStore(reducers),
-    provideEffects([ActivityEffects, UserEffects, StatusEffects]),
-  ],
-});
+bootstrapApplication(AppComponent, appConfig);