diff --git a/src/app/components/recipe-list/recipe-list.component.ts b/src/app/components/recipe-list/recipe-list.component.ts
index e1cbb57..0f8fcbd 100644
--- a/src/app/components/recipe-list/recipe-list.component.ts
+++ b/src/app/components/recipe-list/recipe-list.component.ts
@@ -3,11 +3,12 @@ import { Recipe } from '../../model/recipe.model';
import { RecipeService } from '../../services/recipe.service';
import { NgFor } from '@angular/common';
import { RecipeMiniComponent } from '../recipe-mini/recipe-mini.component';
+import { TranslocoPipe } from '@jsverse/transloco';
@Component({
selector: 'app-recipe-list',
standalone: true,
- imports: [NgFor, RecipeMiniComponent],
+ imports: [NgFor, RecipeMiniComponent, TranslocoPipe],
templateUrl: './recipe-list.component.html',
styleUrl: './recipe-list.component.css'
})
diff --git a/src/app/components/recipe-mini/recipe-mini.component.html b/src/app/components/recipe-mini/recipe-mini.component.html
index aff3d97..30a08b6 100644
--- a/src/app/components/recipe-mini/recipe-mini.component.html
+++ b/src/app/components/recipe-mini/recipe-mini.component.html
@@ -6,6 +6,6 @@
\ No newline at end of file
diff --git a/src/app/components/recipe-mini/recipe-mini.component.ts b/src/app/components/recipe-mini/recipe-mini.component.ts
index 2e62dcc..7d52045 100644
--- a/src/app/components/recipe-mini/recipe-mini.component.ts
+++ b/src/app/components/recipe-mini/recipe-mini.component.ts
@@ -2,11 +2,12 @@ import { Component } from '@angular/core';
import { Recipe } from '../../model/recipe.model';
import { Input } from '@angular/core';
import { TruncatePipe } from '../../pipes/truncate.pipe';
+import { TranslocoPipe } from '@jsverse/transloco';
@Component({
selector: 'app-recipe-mini',
standalone: true,
- imports: [TruncatePipe],
+ imports: [TruncatePipe, TranslocoPipe],
templateUrl: './recipe-mini.component.html',
styleUrl: './recipe-mini.component.css'
})
diff --git a/src/app/transloco-loader.ts b/src/app/transloco-loader.ts
new file mode 100644
index 0000000..0f04fef
--- /dev/null
+++ b/src/app/transloco-loader.ts
@@ -0,0 +1,12 @@
+import { inject, Injectable } from "@angular/core";
+import { Translation, TranslocoLoader } from "@jsverse/transloco";
+import { HttpClient } from "@angular/common/http";
+
+@Injectable({ providedIn: 'root' })
+export class TranslocoHttpLoader implements TranslocoLoader {
+ private http = inject(HttpClient);
+
+ getTranslation(lang: string) {
+ return this.http.get