diff --git a/pages/review/[id].vue b/pages/review/[id].vue index f5e7392..e8c2d81 100644 --- a/pages/review/[id].vue +++ b/pages/review/[id].vue @@ -4,12 +4,12 @@ const { id } = useRoute().params interface Artist { id: number year: number - country: string + country_fi: string artist: string title: string - runningOrder: number - lyricsOriginal: string - lyricsTranslationFI: string + running_order: number + lyrics_original: string + lyrics_translation_fi: string tags: string[] img: string flag: string @@ -17,6 +17,15 @@ interface Artist { const { data: artist } = await useFetch(`/api/artist?id=${id}`) +if (!artist.value) { + throw createError({ + statusCode: 404, + statusMessage: 'Artist not found' + }) +} + + + // State for toggling lyrics visibility const showOriginalLyrics = ref(false) const toggleOriginalLyrics = () => { @@ -76,9 +85,9 @@ const submitReview = () => { {{ showOriginalLyrics ? '▼' : '►' }} -
{{ artist.lyricsOriginal }}
+
{{ artist.lyrics_original }}
-
+

{ {{ showTranslationLyrics ? '▼' : '►' }}

-
{{ artist.lyricsTranslationFI }}
+
{{ artist.lyrics_translation_fi }}
-