feat: migrate to standalone components

Author: maximegris

src/app/app-routing.module.ts

@@ -2,12 +2,14 @@ import { Component } from '@angular/core';
 import { ElectronService } from './core/services';
 import { TranslateService } from '@ngx-translate/core';
 import { APP_CONFIG } from '../environments/environment';
+import { RouterOutlet } from '@angular/router';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.scss'],
-    standalone: false
+    standalone: true,
+    imports: [RouterOutlet]
 })
 export class AppComponent {
   constructor(

src/app/app.component.ts

@@ -1,10 +1,13 @@
 import { Component, OnInit } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
     selector: 'app-detail',
     templateUrl: './detail.component.html',
     styleUrls: ['./detail.component.scss'],
-    standalone: false
+    standalone: true,
+    imports: [RouterLink, TranslateModule]
 })
 export class DetailComponent implements OnInit {
 

src/app/app.module.ts

@@ -1,11 +1,13 @@
 import { Component, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
     selector: 'app-home',
     templateUrl: './home.component.html',
     styleUrls: ['./home.component.scss'],
-    standalone: false
+    standalone: true,
+    imports: [RouterLink, TranslateModule]
 })
 export class HomeComponent implements OnInit {
 

src/app/detail/detail-routing.module.ts

@@ -4,7 +4,7 @@ import { Component, OnInit } from '@angular/core';
     selector: 'app-page-not-found',
     templateUrl: './page-not-found.component.html',
     styleUrls: ['./page-not-found.component.scss'],
-    standalone: false
+    standalone: true
 })
 export class PageNotFoundComponent implements OnInit {
   constructor() {}