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