fix: fix ci.yml and prettier fixes

Author: djredflame

.github/workflows/ci.yml

@@ -69,7 +69,7 @@ jobs:
         # Comments: Quick diagnostics in CI logs.
 
       - name: Run unit tests (headless)
-        run: pnpm run test -- --watch=false --browsers=ChromeHeadless --no-progress
+        run: pnpm run test:ci
         # Comments: Add --no-sandbox if your launcher requires it.
 
   build:

frontend/angular.json

@@ -23,18 +23,11 @@
             "outputPath": "dist/frontend",
             "index": "src/index.html",
             "browser": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.scss"],
             "scripts": [],
             "server": "src/main.server.ts",
             "prerender": true,

frontend/package.json

@@ -15,7 +15,8 @@
     "build:pages": "ng build --configuration production --base-href=/",
     "build:pages:ssg": "ng build --configuration production --base-href=/ && ng run frontend:prerender",
     "deploy:pages": "pnpm run build:pages && pnpm dlx angular-cli-ghpages --dir=dist/frontend/browser --branch=gh-pages --message=\"deploy: pages (spa)\"",
-    "deploy:pages:ssg": "pnpm run build:pages:ssg && pnpm dlx angular-cli-ghpages --dir=dist/frontend --branch=gh-pages --message=\"deploy: pages (ssg)\""
+    "deploy:pages:ssg": "pnpm run build:pages:ssg && pnpm dlx angular-cli-ghpages --dir=dist/frontend --branch=gh-pages --message=\"deploy: pages (ssg)\"",
+    "test:ci": "ng test --watch=false --browsers=ChromeHeadless --progress=false"
   },
   "private": true,
   "dependencies": {
@@ -64,4 +65,4 @@
     "typescript": "~5.8.3",
     "typescript-eslint": "8.40.0"
   }
-}
+}

frontend/src/app/app.component.html

@@ -1,2 +1 @@
-<app-nav></app-nav>
-<router-outlet></router-outlet>
+<app-nav></app-nav> <router-outlet></router-outlet>

frontend/src/app/pages/about/about.component.ts

@@ -6,8 +6,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   imports: [],
   templateUrl: './about.component.html',
   styleUrl: './about.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class AboutComponent {
-
-}
+export class AboutComponent {}

frontend/src/app/pages/contact/contact.component.ts

@@ -6,8 +6,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   imports: [],
   templateUrl: './contact.component.html',
   styleUrl: './contact.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class ContactComponent {
-
-}
+export class ContactComponent {}

frontend/src/app/pages/home/home.component.ts

@@ -6,8 +6,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   imports: [],
   templateUrl: './home.component.html',
   styleUrl: './home.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HomeComponent {
-
-}
+export class HomeComponent {}

frontend/src/app/pages/music/music.component.ts

@@ -6,8 +6,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   imports: [],
   templateUrl: './music.component.html',
   styleUrl: './music.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class MusicComponent {
-
-}
+export class MusicComponent {}

frontend/src/app/shared/ui/nav/nav.component.html

@@ -1,7 +1,7 @@
 <ul>
-    <li><a routerLink="/">Home</a></li>
-    <li><a routerLink="/about">About</a></li>
-    <li><a routerLink="/projects">Projects</a></li>
-    <li><a routerLink="/music">Music</a></li>
-    <li><a routerLink="/contact">Contact</a></li>
+  <li><a routerLink="/">Home</a></li>
+  <li><a routerLink="/about">About</a></li>
+  <li><a routerLink="/projects">Projects</a></li>
+  <li><a routerLink="/music">Music</a></li>
+  <li><a routerLink="/contact">Contact</a></li>
 </ul>

frontend/src/main.server.ts

@@ -2,6 +2,7 @@ import { bootstrapApplication, BootstrapContext } from '@angular/platform-browse
 import { AppComponent } from './app/app.component';
 import { config } from './app/app.config.server';
 
-const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context);
+const bootstrap = (context: BootstrapContext) =>
+  bootstrapApplication(AppComponent, config, context);
 
 export default bootstrap;