language

src/app/site-header/site-header.ts

@@ -1,14 +1,21 @@
-import { Component, signal } from '@angular/core';
+import { Component, inject, signal } from '@angular/core';
 import { RouterLink } from '@angular/router';
+import { TranslatePipe } from '../translate/translate.pipe';
+import { TranslationService, Lang } from '../translate/translation.service';
 
 @Component({
   selector: 'app-site-header',
-  imports: [RouterLink],
+  imports: [RouterLink, TranslatePipe],
   templateUrl: './site-header.html',
   styleUrl: './site-header.scss'
 })
 export class SiteHeader {
+  private i18n = inject(TranslationService);
+
   menuOpen = signal(false);
+  currentLang = this.i18n.currentLang;
+
   toggleMenu(): void { this.menuOpen.update(v => !v); }
   closeMenu(): void { this.menuOpen.set(false); }
+  setLang(lang: Lang): void { this.i18n.setLanguage(lang); }
 }