diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b53e4a9..5cf56f9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,6 +39,15 @@ importers:
'@angular-eslint/builder':
specifier: 20.2.0
version: 20.2.0(chokidar@4.0.3)(eslint@9.34.0)(typescript@5.9.2)
+ '@angular-eslint/eslint-plugin':
+ specifier: 20.2.0
+ version: 20.2.0(@typescript-eslint/utils@8.42.0(eslint@9.34.0)(typescript@5.9.2))(eslint@9.34.0)(typescript@5.9.2)
+ '@angular-eslint/eslint-plugin-template':
+ specifier: 20.2.0
+ version: 20.2.0(@angular-eslint/template-parser@20.2.0(eslint@9.34.0)(typescript@5.9.2))(@typescript-eslint/types@8.42.0)(@typescript-eslint/utils@8.42.0(eslint@9.34.0)(typescript@5.9.2))(eslint@9.34.0)(typescript@5.9.2)
+ '@angular-eslint/template-parser':
+ specifier: 20.2.0
+ version: 20.2.0(eslint@9.34.0)(typescript@5.9.2)
'@angular/build':
specifier: ^20.2.1
version: 20.2.2(@angular/compiler-cli@20.2.4(@angular/compiler@20.2.4)(typescript@5.9.2))(@angular/compiler@20.2.4)(@angular/core@20.2.4(@angular/compiler@20.2.4)(rxjs@7.8.2)(zone.js@0.15.1))(@angular/platform-browser@20.2.4(@angular/common@20.2.4(@angular/core@20.2.4(@angular/compiler@20.2.4)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@20.2.4(@angular/compiler@20.2.4)(rxjs@7.8.2)(zone.js@0.15.1)))(@types/node@24.3.0)(chokidar@4.0.3)(karma@6.4.4)(postcss@8.5.6)(tslib@2.8.1)(typescript@5.9.2)
@@ -60,6 +69,12 @@ importers:
'@types/jasmine':
specifier: ~5.1.0
version: 5.1.9
+ '@typescript-eslint/eslint-plugin':
+ specifier: 8.40.0
+ version: 8.40.0(@typescript-eslint/parser@8.40.0(eslint@9.34.0)(typescript@5.9.2))(eslint@9.34.0)(typescript@5.9.2)
+ '@typescript-eslint/parser':
+ specifier: 8.40.0
+ version: 8.40.0(eslint@9.34.0)(typescript@5.9.2)
angular-eslint:
specifier: 20.2.0
version: 20.2.0(chokidar@4.0.3)(eslint@9.34.0)(typescript-eslint@8.40.0(eslint@9.34.0)(typescript@5.9.2))(typescript@5.9.2)
@@ -5364,8 +5379,8 @@ snapshots:
'@typescript-eslint/project-service@8.40.0(typescript@5.9.2)':
dependencies:
- '@typescript-eslint/tsconfig-utils': 8.40.0(typescript@5.9.2)
- '@typescript-eslint/types': 8.40.0
+ '@typescript-eslint/tsconfig-utils': 8.42.0(typescript@5.9.2)
+ '@typescript-eslint/types': 8.42.0
debug: 4.4.1(supports-color@8.1.1)
typescript: 5.9.2
transitivePeerDependencies:
diff --git a/src/main/frontend/angular.json b/src/main/frontend/angular.json
index 6005760..e6845eb 100644
--- a/src/main/frontend/angular.json
+++ b/src/main/frontend/angular.json
@@ -5,7 +5,11 @@
"projects": {
"angular-demo-project": {
"projectType": "application",
- "schematics": {},
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ }
+ },
"root": "",
"sourceRoot": "src",
"prefix": "app",
@@ -28,7 +32,7 @@
}
],
"styles": [
- "src/styles.css"
+ "src/styles.scss"
]
},
"configurations": {
@@ -86,7 +90,7 @@
}
],
"styles": [
- "src/styles.css"
+ "src/styles.scss"
]
}
},
diff --git a/src/main/frontend/package.json b/src/main/frontend/package.json
index e8eaddf..d691c0c 100644
--- a/src/main/frontend/package.json
+++ b/src/main/frontend/package.json
@@ -26,6 +26,9 @@
},
"devDependencies": {
"@angular-eslint/builder": "20.2.0",
+ "@angular-eslint/eslint-plugin": "20.2.0",
+ "@angular-eslint/eslint-plugin-template": "20.2.0",
+ "@angular-eslint/template-parser": "20.2.0",
"@angular/build": "^20.2.1",
"@angular/cli": "^20.2.1",
"@angular/compiler-cli": "^20.2.1",
@@ -33,6 +36,8 @@
"@eslint/eslintrc": "^3.3.0",
"@eslint/js": "^9.33.0",
"@types/jasmine": "~5.1.0",
+ "@typescript-eslint/eslint-plugin": "8.40.0",
+ "@typescript-eslint/parser": "8.40.0",
"angular-eslint": "20.2.0",
"eslint": "^9.33.0",
"eslint-config-prettier": "^10.1.1",
diff --git a/src/main/frontend/src/app/app.config.ts b/src/main/frontend/src/app/app.config.ts
index fb54707..c1ec91b 100644
--- a/src/main/frontend/src/app/app.config.ts
+++ b/src/main/frontend/src/app/app.config.ts
@@ -7,8 +7,8 @@ import { provideHttpClient, withFetch } from '@angular/common/http';
export const appConfig: ApplicationConfig = {
providers: [
provideBrowserGlobalErrorListeners(),
- provideZoneChangeDetection({eventCoalescing: true}),
+ provideZoneChangeDetection({ eventCoalescing: true }),
provideRouter(routes),
provideHttpClient(withFetch()),
- ]
+ ],
};
diff --git a/src/main/frontend/src/app/app.html b/src/main/frontend/src/app/app.html
index c24b13f..96cbb7f 100644
--- a/src/main/frontend/src/app/app.html
+++ b/src/main/frontend/src/app/app.html
@@ -1 +1 @@
-{{ backendResponse || "Something went wrong" }}
+{{ backendResponse || 'Something went wrong' }}
diff --git a/src/main/frontend/src/app/app.css b/src/main/frontend/src/app/app.scss
similarity index 100%
rename from src/main/frontend/src/app/app.css
rename to src/main/frontend/src/app/app.scss
diff --git a/src/main/frontend/src/app/app.ts b/src/main/frontend/src/app/app.ts
index 386ec14..e3fc22f 100644
--- a/src/main/frontend/src/app/app.ts
+++ b/src/main/frontend/src/app/app.ts
@@ -5,17 +5,16 @@ import { TestResponse, TestService } from './services/test.service';
selector: 'app-root',
imports: [],
templateUrl: './app.html',
- styleUrl: './app.css'
+ styleUrl: './app.scss',
})
export class App implements OnInit {
- private readonly testService: TestService = inject(TestService);
-
protected backendResponse?: string;
+ private readonly testService: TestService = inject(TestService);
+
ngOnInit(): void {
this.testService.getHelloWorld().subscribe((response: TestResponse) => {
this.backendResponse = response.data;
- })
+ });
}
-
}
diff --git a/src/main/frontend/src/app/pages/.gitkeep b/src/main/frontend/src/app/pages/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/main/frontend/src/app/services/test.service.ts b/src/main/frontend/src/app/services/test.service.ts
index d989e6f..87635c6 100644
--- a/src/main/frontend/src/app/services/test.service.ts
+++ b/src/main/frontend/src/app/services/test.service.ts
@@ -2,15 +2,14 @@ import { inject, Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
-export interface TestResponse {
+export type TestResponse = {
data: string;
-}
+};
@Injectable({
- providedIn: 'root'
+ providedIn: 'root',
})
export class TestService {
-
private readonly http: HttpClient = inject(HttpClient);
getHelloWorld(): Observable {
diff --git a/src/main/frontend/src/index.html b/src/main/frontend/src/index.html
index 7e433da..eb48b77 100644
--- a/src/main/frontend/src/index.html
+++ b/src/main/frontend/src/index.html
@@ -1,13 +1,13 @@
-
-
- AngularDemoProject
-
-
-
-
-
-
-
+
+
+ AngularDemoProject
+
+
+
+
+
+
+
diff --git a/src/main/frontend/src/main.ts b/src/main/frontend/src/main.ts
index 46eb6d2..7017997 100644
--- a/src/main/frontend/src/main.ts
+++ b/src/main/frontend/src/main.ts
@@ -2,5 +2,8 @@ import { bootstrapApplication } from '@angular/platform-browser';
import { App } from './app/app';
import { appConfig } from './app/app.config';
+function main(): void {
+ bootstrapApplication(App, appConfig).catch((error) => console.error(error));
+}
-bootstrapApplication(App, appConfig).catch((err) => console.error(err));
+main();
diff --git a/src/main/frontend/src/styles.css b/src/main/frontend/src/styles.scss
similarity index 100%
rename from src/main/frontend/src/styles.css
rename to src/main/frontend/src/styles.scss