From 61a7ecbf12043cba6126670f689ff919d4d37a5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E5=85=83=E7=9A=93?= <hw@yuanhau.com>
Date: Sat, 7 Jun 2025 00:04:11 +0800
Subject: [PATCH] Basic translations?

---
 components/DraggableWindow.vue     |  4 +++-
 components/app/windows/chatbot.vue |  1 +
 components/app/windows/news.vue    | 11 ++++++++++-
 server/api/news/get/lt/[slug].ts   |  3 +++
 4 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/components/DraggableWindow.vue b/components/DraggableWindow.vue
index c84d210..acccd11 100644
--- a/components/DraggableWindow.vue
+++ b/components/DraggableWindow.vue
@@ -33,8 +33,10 @@ const titleOrg = computed(() => props.title);
 const titleMaxRegexDetection = /[a-zA-Z0-9]{,10}/;
 const title = ref("Draggable Window");
 onMounted(() => {
-  if (!titleMaxRegexPattern.test(titleOrg.value)) {
+  if (!titleMaxRegexDetection.test(titleOrg)) {
     console.log("Max Detected!!");
+  } else {
+    title.value = titleOrg;
   }
 });
 
diff --git a/components/app/windows/chatbot.vue b/components/app/windows/chatbot.vue
index 7263ef2..37c0edc 100644
--- a/components/app/windows/chatbot.vue
+++ b/components/app/windows/chatbot.vue
@@ -138,6 +138,7 @@ const formatTime = (timestamp: any) => {
     minute: "2-digit",
   }).format(timestamp);
 };
+const scrollToBottom = () => {};
 </script>
 <template>
   <blurPageBeforeLogin>
diff --git a/components/app/windows/news.vue b/components/app/windows/news.vue
index 19cf0cc..2ce2494 100644
--- a/components/app/windows/news.vue
+++ b/components/app/windows/news.vue
@@ -1,4 +1,11 @@
 <script setup lang="ts">
+// Translate stuff
+interface translateInterfaceText {
+  translateText: string;
+}
+const translateItems: Record<string, translateInterfaceText> = {};
+
+// Imports
 import { ScanEyeIcon, RefreshCcwIcon } from "lucide-vue-next";
 import {
   Tooltip,
@@ -7,6 +14,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { AhoCorasick } from "@monyone/aho-corasick";
+import translate from "translate";
 
 async function CheckKidUnfriendlyContent(title: string, words: any[]) {
   try {
@@ -194,6 +202,7 @@ const openPublisher = (slug: string, title: string) => {
   emit("openNewsSourcePage", slug, title);
 };
 const isLoading = computed(() => contentArray.value.length === 0);
+const testmessage = await translate("Hi", { from: "en", to: "es" });
 </script>
 <template>
   <div class="justify-center align-center text-center">
@@ -224,7 +233,7 @@ const isLoading = computed(() => contentArray.value.length === 0);
             class="disabled:cursor-not-allowed"
             :disabled="isPrimary(item.url, true) || switchTabs"
           >
-            <span>{{ item.text }}</span>
+            <span>{{ locale === "en" ? item.text : testmessage }}</span>
           </button>
         </template>
         <button v-if="canNotLoadTabUI"><RefreshCcwIcon /></button>
diff --git a/server/api/news/get/lt/[slug].ts b/server/api/news/get/lt/[slug].ts
index be3f065..d64cc77 100644
--- a/server/api/news/get/lt/[slug].ts
+++ b/server/api/news/get/lt/[slug].ts
@@ -37,6 +37,9 @@ function cleanUpSlug(orgslug: string) {
 }
 
 export default defineEventHandler(async (event) => {
+  const translateQuery = getQuery(event).translate;
+  const translate = translateQuery === "true" ? true : false;
+  console.log(translate);
   const slug = getRouterParam(event, "slug");
   const cleanSlug = cleanUpSlug(slug);
   if (