Route marketplace data through product facade

src/app/components/items-carousel/items-carousel.component.ts

@@ -4,13 +4,14 @@ import { RouterLink } from '@angular/router';
 import { CarouselModule } from 'primeng/carousel';
 import { ButtonModule } from 'primeng/button';
 import { TagModule } from 'primeng/tag';
-import { ApiService, CartService } from '../../services';
+import { CartService } from '../../services';
 import { Item } from '../../models';
 import { getDiscountedPrice, getMainImage, getBadgeClass, getTranslatedField } from '../../utils/item.utils';
 import { LanguageService } from '../../services/language.service';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
 import { TranslatePipe } from '../../i18n/translate.pipe';
 import { UiRuntimeFacade } from '../../facades/runtime/ui-runtime.facade';
+import { ProductFacade } from '../../facades/platform/product.facade';
 
 @Component({
     selector: 'app-items-carousel',
@@ -27,14 +28,14 @@ export class ItemsCarouselComponent implements OnInit {
     responsiveOptions: { breakpoint: string; numVisible: number; numScroll: number }[] | undefined;
 
     constructor(
-        private apiService: ApiService,
+        private productFacade: ProductFacade,
         private cartService: CartService
     ) {}
 
     ngOnInit() {
-        this.apiService.getRandomItems(10).subscribe({
-            next: (items) => {
-                this.products.set(items);
+        this.productFacade.getFeaturedProducts({ count: 10 }).subscribe({
+            next: (result) => {
+                this.products.set(result.items);
                 this.loading.set(false);
             },
             error: () => {