chore(core): update to latest version of Nx / Angular (#79)

maartentibau · Jan 25, 2025 · 08b0fee · 08b0fee
1 parent ff07a47
commit 08b0fee
Show file tree

Hide file tree

Showing 12 changed files with 12,766 additions and 15,448 deletions.
diff --git a/apps/angularlogos/.eslintrc.json b/apps/angularlogos/.eslintrc.json
@@ -21,7 +21,8 @@
             "style": "kebab-case"
           }
         ],
-        "@typescript-eslint/no-inferrable-types": 0
+        "@typescript-eslint/no-inferrable-types": 0,
+        "@angular-eslint/prefer-standalone": "off"
       },
       "extends": ["plugin:@nx/angular", "plugin:@angular-eslint/template/process-inline-templates"]
     },

diff --git a/apps/angularlogos/src/app/app.component.ts b/apps/angularlogos/src/app/app.component.ts
@@ -2,10 +2,9 @@ import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
-  standalone: true,
-  imports: [RouterOutlet],
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss'],
+    imports: [RouterOutlet]
 })
 export class AppComponent {}
diff --git a/apps/angularlogos/src/app/logos-list/logos-list.component.ts b/apps/angularlogos/src/app/logos-list/logos-list.component.ts
@@ -10,12 +10,11 @@ import { MatCardModule } from '@angular/material/card';
 import { MatButtonModule } from '@angular/material/button';
 
 @Component({
-  selector: 'app-logos-list',
-  standalone: true,
-  imports: [SearchComponent, AsyncPipe, MatCardModule, MatButtonModule, I18nPluralPipe],
-  templateUrl: './logos-list.component.html',
-  styleUrls: ['./logos-list.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'app-logos-list',
+    imports: [SearchComponent, AsyncPipe, MatCardModule, MatButtonModule, I18nPluralPipe],
+    templateUrl: './logos-list.component.html',
+    styleUrls: ['./logos-list.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class LogosListComponent {
 

diff --git a/apps/angularlogos/src/app/logos/logos.component.scss b/apps/angularlogos/src/app/logos/logos.component.scss
@@ -1,8 +1,14 @@
 .intro {
+  padding: 2rem;
+  flex: 0 0 auto;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-radius: 0.3rem;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+
   h1 {
     margin-top: 0;
     text-align: left;
-    color: #E90464;
+    color: #e90464;
     font-size: 2.5rem;
     font-weight: 700;
 
@@ -36,7 +42,7 @@
 
   a {
     &.contribute {
-      background-color: #E90464;
+      background-color: #e90464;
       color: #ffffff;
     }
     &.remove-underline {
@@ -48,12 +54,6 @@
     font-weight: bold;
     font-size: 1.2em;
   }
-
-  padding: 2rem;
-  flex: 0 0 auto;
-  background-color: rgba(0, 0, 0, 0.04);
-  border-radius: 0.3rem;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
 }
 
 .credits {

diff --git a/apps/angularlogos/src/app/logos/logos.component.ts b/apps/angularlogos/src/app/logos/logos.component.ts
@@ -4,10 +4,9 @@ import { RouterLink } from '@angular/router';
 import { LogosListComponent } from '../logos-list/logos-list.component';
 
 @Component({
-  selector: 'app-logos',
-  standalone: true,
-  imports: [RouterLink, MatButtonModule, LogosListComponent],
-  templateUrl: './logos.component.html',
-  styleUrls: ['./logos.component.scss']
+    selector: 'app-logos',
+    imports: [RouterLink, MatButtonModule, LogosListComponent],
+    templateUrl: './logos.component.html',
+    styleUrls: ['./logos.component.scss']
 })
 export class LogosComponent {}
diff --git a/apps/angularlogos/src/app/metacheck/metacheck.component.ts b/apps/angularlogos/src/app/metacheck/metacheck.component.ts
@@ -7,11 +7,10 @@ import { LogoEntry } from '../shared/logo-entry';
 import { AsyncPipe, JsonPipe } from '@angular/common';
 
 @Component({
-  selector: 'app-metacheck',
-  standalone: true,
-  imports: [JsonPipe, AsyncPipe],
-  templateUrl: './metacheck.component.html',
-  styleUrls: ['./metacheck.component.scss']
+    selector: 'app-metacheck',
+    imports: [JsonPipe, AsyncPipe],
+    templateUrl: './metacheck.component.html',
+    styleUrls: ['./metacheck.component.scss']
 })
 export class MetacheckComponent {
   readonly logosWithoutMetadata$ = inject(DataService).getLogosWithoutMetadata().pipe(

diff --git a/apps/angularlogos/src/app/search/search.component.ts b/apps/angularlogos/src/app/search/search.component.ts
@@ -6,12 +6,11 @@ import { MatInputModule } from '@angular/material/input';
 import { Observable } from 'rxjs';
 
 @Component({
-  selector: 'app-search',
-  standalone: true,
-  imports: [MatInputModule, MatButtonModule, MatFormFieldModule, ReactiveFormsModule],
-  templateUrl: './search.component.html',
-  styleUrls: ['./search.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'app-search',
+    imports: [MatInputModule, MatButtonModule, MatFormFieldModule, ReactiveFormsModule],
+    templateUrl: './search.component.html',
+    styleUrls: ['./search.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class SearchComponent implements OnChanges {
   searchControl = new FormControl('', { nonNullable: true });

diff --git a/apps/angularlogos/src/assets/styles/angularlogos-theme.scss b/apps/angularlogos/src/assets/styles/angularlogos-theme.scss
@@ -1,5 +1,6 @@
 @use '@angular/material' as mat;
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 
 $palette: (
   50: #fce4ec,