chore: replaced event emitters with subjects

src/app/wish-list/wish-list.component.ts

@@ -1,10 +1,11 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, OnDestroy, OnInit} from '@angular/core';
 
 import { Wish } from '../shared/wish.model';
 import { WishEditComponent } from './wish-edit/wish-edit.component';
 import { CommonModule } from '@angular/common';
 import { CardModule } from 'primeng/card';
 import {wishListService} from "./wishList.service";
+import {Subscription} from "rxjs";
 
 @Component({
   standalone: true,
@@ -13,13 +14,17 @@ import {wishListService} from "./wishList.service";
   imports: [WishEditComponent, CommonModule, CardModule],
   styleUrls: ['./wish-list.component.css'],
 })
-export class WishListComponent implements OnInit {
+export class WishListComponent implements OnInit, OnDestroy {
   wishes: Wish[] | undefined;
-
+  private wishChanged: Subscription | undefined;
   constructor(private WishListService: wishListService) {}
 
   ngOnInit() {
     this.wishes = this.WishListService.getWishList()
-    this.WishListService.wishesChanged.subscribe((wishes:Wish[])=>{this.wishes = wishes})
+    this.wishChanged =  this.WishListService.wishesChanged.subscribe((wishes:Wish[])=>{this.wishes = wishes})
+  }
+
+  ngOnDestroy() {
+    this.wishChanged?.unsubscribe();
   }
 }

src/app/wish-list/wishList.service.ts

@@ -1,8 +1,8 @@
 import {Wish} from "../shared/wish.model";
-import {EventEmitter} from "@angular/core";
+import {Subject} from "rxjs";
 
 export class wishListService {
-  wishesChanged = new EventEmitter<Wish[]>();
+  wishesChanged = new Subject<Wish[]>();
    private wishes: Wish[] = [
     new Wish('Apples Are Tasty', 5),
     new Wish('Tomatoes Rot', 10),
@@ -14,6 +14,6 @@ export class wishListService {
 
    addWishList(wish: Wish) {
      this.wishes.push(wish);
-     this.wishesChanged.emit(this.wishes.slice());
+     this.wishesChanged.next(this.wishes.slice());
    }
 }