rebasing

src/app/translate/translate.pipe.ts

@@ -0,0 +1,11 @@
+import { Pipe, PipeTransform, inject } from '@angular/core';
+import { TranslationService } from './translation.service';
+
+@Pipe({ name: 'translate', pure: false, standalone: true })
+export class TranslatePipe implements PipeTransform {
+  private svc = inject(TranslationService);
+
+  transform(key: string): string {
+    return this.svc.translate(key);
+  }
+}

src/app/translate/translation.service.ts

@@ -0,0 +1,36 @@
+import { Injectable, inject, signal } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+export type Lang = 'ru' | 'en' | 'hy';
+type Translations = Record<string, Record<string, string>>;
+
+@Injectable({ providedIn: 'root' })
+export class TranslationService {
+  private http = inject(HttpClient);
+
+  currentLang = signal<Lang>('ru');
+  private translations = signal<Translations>({});
+
+  constructor() {
+    this.load('ru');
+  }
+
+  setLanguage(lang: Lang): void {
+    this.currentLang.set(lang);
+    this.load(lang);
+  }
+
+  private load(lang: Lang): void {
+    this.http.get<Translations>(`/i18n/${lang}.json`).subscribe({
+      next: data => this.translations.set(data),
+    });
+  }
+
+  translate(key: string): string {
+    const dot = key.indexOf('.');
+    if (dot === -1) return key;
+    const section = key.slice(0, dot);
+    const k = key.slice(dot + 1);
+    return this.translations()[section]?.[k] ?? key;
+  }
+}