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 }}