diff --git a/app/components/movie-list.vue b/app/components/movie-list.vue index 4dd50a6..804c9d0 100644 --- a/app/components/movie-list.vue +++ b/app/components/movie-list.vue @@ -75,12 +75,9 @@ const movieSearch = () => { filteredMovies.value = sortMovies(filtered); } -const handleImageError = (_e: Event, movieId: number) => { - imageErrors.value = new Set(imageErrors.value).add(movieId); -} - -const getPosterSrc = (movie: Movie) => { - return imageErrors.value.has(movie.id) ? posterPlaceholder : movie.poster; +const handleImageError = (e: Event, movieId: number) => { + (e.target as HTMLImageElement).src = posterPlaceholder; + imageErrors.value.add(movieId); } const isSortActive = (field: SortField, direction: SortDirection): boolean => { @@ -133,7 +130,7 @@ const isSortActive = (field: SortField, direction: SortDirection): boolean => {