diff --git a/app/components/Pronunciation.vue b/app/components/Pronunciation.vue index 0857c8b59..db5256f09 100644 --- a/app/components/Pronunciation.vue +++ b/app/components/Pronunciation.vue @@ -26,8 +26,9 @@ withDefaults(defineProps<{ diff --git a/app/components/PronunciationSpeaker.vue b/app/components/PronunciationSpeaker.vue index fcc7ac82e..961c54f33 100644 --- a/app/components/PronunciationSpeaker.vue +++ b/app/components/PronunciationSpeaker.vue @@ -6,7 +6,7 @@ import type { VoiceKey } from '#shared/pronunciation/voices.ts'; const props = withDefaults(defineProps<{ pronunciation?: string | null; voice: VoiceKey; - button?: boolean; + showVoiceLabel?: boolean; }>(), { pronunciation: null, }); @@ -58,7 +58,10 @@ const icon = computed((): string => { }); const config = useConfig(); -const name = computed((): string | null => { +const voiceLabel = computed((): string | null => { + if (!props.showVoiceLabel) { + return null; + } if (!config.pronunciation?.enabled) { return props.voice.toUpperCase(); } @@ -83,6 +86,6 @@ const name = computed((): string | null => { target="_blank" @click.prevent="pronounce" > - {{ name }} + {{ voiceLabel }}