Testing the working transtion feat in prod :)

This commit is contained in:
yuanhau 2025-06-08 21:02:37 +08:00
parent b84a0a6f18
commit 61de16e285

View file

@ -1,4 +1,15 @@
<script setup lang="ts">
// Vars for translating stuff
interface translateInterfaceText {
translateText: string;
}
const translateItem: Record<string, translateInterfaceText> = {};
const translateLoading = ref(false);
const displayTranslateContent = ref(false);
const traslateFailed = ref(false);
const translatedBefore = ref(false);
// Imports
import { ScanEyeIcon, RefreshCcwIcon } from "lucide-vue-next";
import {
@ -31,8 +42,6 @@ const props = defineProps<{
windowTranslateState: Boolean;
}>();
const { applyForTranslation, windowTranslateState } = props;
const openNewWindow = (itemId: string) => {
emit("windowopener", "aboutNewsOrg");
};
@ -212,15 +221,6 @@ const shouldHideItem = (item) => {
};
// Translate (Selective content)
interface translateInterfaceText {
translateText: string;
}
const translateItem: Record<string, translateInterfaceText> = {};
const translateLoading = ref(false);
const displayTranslateContent = ref(false);
const traslateFailed = ref(false);
const translatedBefore = ref(false);
const startTranslating = async (text: string) => {
try {
translateItem[text] = {
@ -247,6 +247,7 @@ watch(
} else {
displayTranslateContent.value = false;
}
},
);
const translateFunction = () => {
if (canNotLoadTabUI.value) {
@ -261,13 +262,12 @@ const translateFunction = () => {
for (const articleBlock of contentArray.value) {
startTranslating(articleBlock.title);
startTranslating(articleBlock.publisher);
}
setTimeout(() => {
displayTranslateContent.value = true;
translateLoading.value = false;
}, 3000);
}
};
</script>
<template>
<div v-if="translateLoading">Loading...</div>