Translation works on the newsView now (YAY), and broke the ai summary

system :(
This commit is contained in:
yuanhau 2025-06-07 10:43:09 +08:00
parent 3a85eda19a
commit a0a5cb833e

View file

@ -37,14 +37,16 @@ watch(
if (!data.value) { if (!data.value) {
return; return;
} }
if (translatedBefore.value === true) {
return;
}
startTranslating(data.value.title); startTranslating(data.value.title);
startTranslating(data.value.origin); startTranslating(data.value.origin);
startTranslating(data.value.author); startTranslating(data.value.author);
data.value.paragraph.forEach((i, element) => { for (const paragraph of data.value.paragraph) {
console.log(element); startTranslating(paragraph);
//startTranslating(data.value.) }
}); // NOT retranslating AGAIN when disabling the feat
// NOT retranslating AGAIN
translatedBefore.value = true; translatedBefore.value = true;
} else { } else {
translateText.value = false; translateText.value = false;
@ -86,22 +88,30 @@ const aiSummary = async () => {
<div class="flex flex-col"> <div class="flex flex-col">
<div class="group"> <div class="group">
<h2 class="text-3xl text-bold"> <h2 class="text-3xl text-bold">
{{ translateText ? translateItem[data.title] : data.title }} {{
translateText ? translateItem[data.title].translateText : data.title
}}
</h2> </h2>
<span <span
class="text-lg text-bold flex flex-row justify-center text-center align-center" class="text-lg text-bold flex flex-row justify-center text-center align-center"
><NewspaperIcon class="w-7 h-7 p-1" />{{ ><NewspaperIcon class="w-7 h-7 p-1" />{{
translateText ? translateItem[data.origin] : data.origin translateText
? translateItem[data.origin].translateText
: data.origin
}} }}
<UserIcon class="w-7 h-7 p-1" />{{ <UserIcon class="w-7 h-7 p-1" />{{
translateText ? translateItem[data.author] : data.author translateText
? translateItem[data.author].translateText
: data.author
}}</span }}</span
> >
</div> </div>
<div class="p-4 w-full h-fit pt-0 mt-0"> <div class="p-4 w-full h-fit pt-0 mt-0">
<img v-if="data.images[0]" :src="data.images[0]" class="rounded" /> <img v-if="data.images[0]" :src="data.images[0]" class="rounded" />
</div> </div>
<div class="text-center" v-for="item in data.paragraph">{{ item }}</div> <div class="text-center" v-for="item in data.paragraph">
{{ translateText ? translateItem[item]?.translateText : item }}
</div>
</div> </div>
<div class="flex flex-col w-full justify-center align-center text-center"> <div class="flex flex-col w-full justify-center align-center text-center">
<div <div