diff --git a/README.md b/README.md
index 81e0167..6001484 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,7 @@ App Design: [Freeform](https://www.icloud.com/freeform/026AxB798cViZ9jJ2DkNsXUCQ
 你會看到許多觀點，但不知道這些新聞為什麼會寫比較偏見的文章。
 
 ## Inspired by
+
 - puter.com
 - Perplexity
 - Ground.news
@@ -86,4 +87,5 @@ App Design: [Freeform](https://www.icloud.com/freeform/026AxB798cViZ9jJ2DkNsXUCQ
 7. Open `http://localhost:3000` in your browser.
 
 ### For scaping
-First, Run `ps1 clone-env.ps1` or `bash clone-env.sh` to clone the `.env` file to the `scraping` folder, then cd into the `scraping` folder. Run `python main.py` to start scraping in Google News.
\ No newline at end of file
+
+First, Run `ps1 clone-env.ps1` or `bash clone-env.sh` to clone the `.env` file to the `scraping` folder, then cd into the `scraping` folder. Run `python main.py` to start scraping in Google News.
diff --git a/components/DraggableWindow.vue b/components/DraggableWindow.vue
index 18a10ff..8ec7e3a 100644
--- a/components/DraggableWindow.vue
+++ b/components/DraggableWindow.vue
@@ -1,53 +1,53 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted } from "vue";
 
 const props = defineProps<{
-  title: string
-  initialX?: number
-  initialY?: number
-  width?: string
-  height?: string
-}>()
+  title: string;
+  initialX?: number;
+  initialY?: number;
+  width?: string;
+  height?: string;
+}>();
 
-const emit = defineEmits(['close'])
+const emit = defineEmits(["close"]);
 
-const isDragging = ref(false)
+const isDragging = ref(false);
 const position = ref({
   x: props.initialX || Math.floor(window.innerWidth / 2) - Math.random() * 200,
-  y: props.initialY || Math.floor(window.innerHeight / 2) - Math.random() * 10
-})
-const offset = ref({ x: 0, y: 0 })
+  y: props.initialY || Math.floor(window.innerHeight / 2) - Math.random() * 10,
+});
+const offset = ref({ x: 0, y: 0 });
 
 const startDrag = (e: MouseEvent) => {
-  isDragging.value = true
+  isDragging.value = true;
   offset.value = {
     x: e.clientX - position.value.x,
-    y: e.clientY - position.value.y
-  }
-}
+    y: e.clientY - position.value.y,
+  };
+};
 
 const doDrag = (e: MouseEvent) => {
   if (isDragging.value) {
     position.value = {
       x: e.clientX - offset.value.x,
-      y: e.clientY - offset.value.y
-    }
+      y: e.clientY - offset.value.y,
+    };
   }
-}
+};
 
 const stopDrag = () => {
-  isDragging.value = false
-}
+  isDragging.value = false;
+};
 
 onMounted(() => {
-  document.addEventListener('mousemove', doDrag)
-  document.addEventListener('mouseup', stopDrag)
-})
+  document.addEventListener("mousemove", doDrag);
+  document.addEventListener("mouseup", stopDrag);
+});
 
 onUnmounted(() => {
-  document.removeEventListener('mousemove', doDrag)
-  document.removeEventListener('mouseup', stopDrag)
-})
+  document.removeEventListener("mousemove", doDrag);
+  document.removeEventListener("mouseup", stopDrag);
+});
 </script>
 
 <template>
@@ -56,7 +56,7 @@ onUnmounted(() => {
       left: `${position.x}px`,
       top: `${position.y}px`,
       width: props.width || '400px',
-      height: props.height || '300px'
+      height: props.height || '300px',
     }"
     class="fixed bg-white dark:bg-gray-800 rounded-md shadow-lg overflow-hidden flex flex-col"
   >
@@ -84,4 +84,4 @@ onUnmounted(() => {
       <slot></slot>
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/components/app/windows/hotnews.vue b/components/app/windows/hotnews.vue
index 32886a2..ed05909 100644
--- a/components/app/windows/hotnews.vue
+++ b/components/app/windows/hotnews.vue
@@ -62,4 +62,4 @@ const title = ref("Hot News");
       </ul>
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/components/app/windows/login.vue b/components/app/windows/login.vue
index d800f28..3f0cbc5 100644
--- a/components/app/windows/login.vue
+++ b/components/app/windows/login.vue
@@ -1,14 +1,50 @@
+<script setup lamng="ts">
+const userAccount = ref("");
+const userPassword = ref("");
+const crypto = Crypto;
+const submitUserPassword = async () => {
+    // Encrypt password during transit
+    const sha512Passwordify = crypto.createHash("sha512");
+    sha512Passwordify.update(userPassword.value);
+    const sha512Password = sha512Passwordify.digest("hex");
 
+    // Log user & password
+    console.log(userAccount.value);
+    console.log(sha512Password);
+
+    // Send data.
+    const sendData = fetch("/api/user/login", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            username: userAccount.value,
+            password: sha512Password,
+        }),
+    })
+}
+</script>
 <template>
-        <div class="flex flex-col items-center justify-center h-full">
-            <form class="flex flex-col items-center justify-center h-full">
-                            <div class="text-xl mb-4 text-bold">Login / Register</div>
+  <div class="flex flex-col items-center justify-center h-full">
+    <div
+      class="flex flex-col items-center justify-center h-full"
+    >
+      <div class="text-xl mb-4 text-bold">Login / Register</div>
 
-                            <input type="text" placeholder="Username" class="mb-2 p-2 border rounded" />
-            <input type="password" placeholder="Password" class="p-2 border rounded mb-2" />
-            <button class="bg-black text-white p-2 rounded transition duration-200">
-                Log In
-            </button>
-            </form>
-        </div>
-</template>
\ No newline at end of file
+      <input
+        type="text"
+        placeholder="Username"
+        class="mb-2 p-2 border rounded"
+      />
+      <input
+        type="password"
+        placeholder="Password"
+        class="p-2 border rounded mb-2"
+      />
+      <button class="bg-black text-white p-2 rounded transition duration-200" @click="submitUserPassword">
+        Log In
+      </button>
+    </div>
+  </div>
+</template>
diff --git a/components/navigation.vue b/components/navigation.vue
index d44bcf8..0d72832 100644
--- a/components/navigation.vue
+++ b/components/navigation.vue
@@ -77,4 +77,4 @@ const toggleDropdown = () => {
       </Transition>
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/docker-compose.yml b/docker-compose.yml
index 15df6e2..41c4a4e 100755
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,7 +1,7 @@
-version: '3.8'
+version: "3.8"
 
 services:
-  newsanalyze-service: 
+  newsanalyze-service:
     build: .
     ports:
       - "127.0.0.1:36694:3000"
@@ -12,4 +12,4 @@ services:
       test: ["CMD", "curl", "-f", "http://localhost:3000"]
       interval: 30s
       timeout: 10s
-      retries: 3
\ No newline at end of file
+      retries: 3
diff --git a/error.vue b/error.vue
index 6c970a8..058ba40 100644
--- a/error.vue
+++ b/error.vue
@@ -1,13 +1,20 @@
 <script setup lang="ts">
 const error = useError();
 const { t } = useI18n();
-</script> 
+</script>
 <template>
-    <NuxtLayout>
-        <div class="flex flex-col justify-center align-center text-center absolute inset-0 h-screen">
-            <span class="text-7xl m-4 m-1 mb-0 text-center align-center justify-center">{{ error.statusCode }}</span>
-            <span class="text-2xl text-center align-center justify-center">{{ error.statusMessage }}</span>
-        </div>
-        <div class="h-screen"></div>
-    </NuxtLayout>
-</template>
\ No newline at end of file
+  <NuxtLayout>
+    <div
+      class="flex flex-col justify-center align-center text-center absolute inset-0 h-screen"
+    >
+      <span
+        class="text-7xl m-4 m-1 mb-0 text-center align-center justify-center"
+        >{{ error.statusCode }}</span
+      >
+      <span class="text-2xl text-center align-center justify-center">{{
+        error.statusMessage
+      }}</span>
+    </div>
+    <div class="h-screen"></div>
+  </NuxtLayout>
+</template>
diff --git a/layouts/macui.vue b/layouts/macui.vue
index 0cbd549..3ef43a9 100644
--- a/layouts/macui.vue
+++ b/layouts/macui.vue
@@ -1,4 +1,3 @@
-
 <script setup lang="ts">
 // No layout
 
@@ -28,7 +27,12 @@ import ProgressComponent from "~/components/ui/progress/Progress.vue";
 import HoverCardComponent from "~/components/ui/hover-card/HoverCard.vue";
 
 // Icons
-import { ComputerDesktopIcon, UserIcon, LanguageIcon, ChevronRightIcon } from "@heroicons/vue/24/outline";
+import {
+  ComputerDesktopIcon,
+  UserIcon,
+  LanguageIcon,
+  ChevronRightIcon,
+} from "@heroicons/vue/24/outline";
 
 // i18n
 const { t, locale, locales } = useI18n();
@@ -79,53 +83,68 @@ const openWindow = (windowName?: string) => {
     router.push(localePath("/home"));
   }
   console.log(windowName);
-  menuOpen.value = false; 
-}
+  menuOpen.value = false;
+};
 
 const unMinWindow = (windowName?: string) => {
   console.log(windowName);
-}
+};
 
 // menus
 const menuItems = [
-  { name: "Hot News", windowName: "hotnews"} ,
-  { name: "News", windowName: "news"},
-  { name: "Sources", windowName: "sources"},
-  { name: 'About This Website', windowName: "about"},
-  { name: 'Settings', windowName: "settings"},
-  { name: 'Leave', windowName: "leave"},
-]
+  { name: "Hot News", windowName: "hotnews" },
+  { name: "News", windowName: "news" },
+  { name: "Sources", windowName: "sources" },
+  { name: "About This Website", windowName: "about" },
+  { name: "Settings", windowName: "settings" },
+  { name: "Leave", windowName: "leave" },
+];
 const toggleMenu = () => {
-  menuOpen.value = !menuOpen.value
-}
+  menuOpen.value = !menuOpen.value;
+};
 // Lang Menu
 const toggleLangMenu = () => {
-  langMenuOpen.value = !langMenuOpen.value
-}
+  langMenuOpen.value = !langMenuOpen.value;
+};
 </script>
 <template>
   <div
     class="absolute inset-x-0 flex flex-row px-2 py-1 bg-[#7D7C7C]/70 text-white justify-between align-center text-center z-50"
   >
-  <!--Menu container-->
+    <!--Menu container-->
     <div class="flex flex-row g-2 text-gray-400 text-white z-9999">
-      <button @click="toggleMenu" class="w-8 h-8 text-white hover:text-blue-500 transition-all duration-100 flex flex-row">
-        <ComputerDesktopIcon/>
+      <button
+        @click="toggleMenu"
+        class="w-8 h-8 text-white hover:text-blue-500 transition-all duration-100 flex flex-row"
+      >
+        <ComputerDesktopIcon />
       </button>
       <span class="ml-1 mr-2 text-[20px]">|</span>
       <!--navbar icons for min and max application window-->
-              <button  class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100">
-         </button>
-      <div v-for="item in currentNavBar" :key="item.name" class="flex flex-row items-center gap-x-2 hover:bg-gray-100 transition-all duration-100 px-4 py-2 cursor-pointer">
-        <button @click="unMinWindow(item.windowAssociated)" class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100">
+      <button
+        class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100"
+      ></button>
+      <div
+        v-for="item in currentNavBar"
+        :key="item.name"
+        class="flex flex-row items-center gap-x-2 hover:bg-gray-100 transition-all duration-100 px-4 py-2 cursor-pointer"
+      >
+        <button
+          @click="unMinWindow(item.windowAssociated)"
+          class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100"
+        >
           <span>{{ item.name }}</span>
-          <span v-if="item.flash" class="animate-ping absolute inline-flex h-3 w-3 rounded-full bg-red-400 opacity-75"></span>
-          <span v-if="item.icon" :class="item.icon">
-          </span>
+          <span
+            v-if="item.flash"
+            class="animate-ping absolute inline-flex h-3 w-3 rounded-full bg-red-400 opacity-75"
+          ></span>
+          <span v-if="item.icon" :class="item.icon"> </span>
         </button>
       </div>
     </div>
-    <div class="text-center align-middle justify-center text-white">{{ currentDate }}</div>
+    <div class="text-center align-middle justify-center text-white">
+      {{ currentDate }}
+    </div>
   </div>
   <div class="w-full h-[2.5em]"></div>
   <!--Menu-->
@@ -133,31 +152,40 @@ const toggleLangMenu = () => {
     enter-active-class="animate__animated animate__fadeInDown animate_fast03"
     leave-active-class="animate__animated animate__fadeOutUp animate_fast03"
   >
-    <div class="m-2 p-2 bg-gray-800 shadow-lg w-fit rounded-[10px] v-9998" v-if="menuOpen">
-    <div v-for="item in menuItems" :key="item.name" class="">
-      <button @click="openWindow(item.windowName)" class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100">
-        <span>{{ item.name }}</span>
-        <ChevronRightIcon class="w-4 h-4 justify-center align-center" />
-      </button>
+    <div
+      class="m-2 p-2 bg-gray-800 shadow-lg w-fit rounded-[10px] v-9998"
+      v-if="menuOpen"
+    >
+      <div v-for="item in menuItems" :key="item.name" class="">
+        <button
+          @click="openWindow(item.windowName)"
+          class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100"
+        >
+          <span>{{ item.name }}</span>
+          <ChevronRightIcon class="w-4 h-4 justify-center align-center" />
+        </button>
+      </div>
     </div>
-  </div>
   </Transition>
   <!--Main desktop contents-->
   <div
     class="flex flex-col justify-center align-center text-center absolute w-full h-screen inset-x-0 inset-y-0 z-[-1]"
     id="desktop"
-  >
-  </div>
-    <slot/>
-<!--Footer-->
+  ></div>
+  <slot />
+  <!--Footer-->
   <div
     class="absolute w-[calc(100% - 5px)] inset-x-0 bottom-0 mx-[1.5px] p-3 justify-between align-center flex flex-row"
   >
     <div class="">
       <!--Lang-->
       <span>Lang: </span>
-      <span class="text-lg">{{ t("localeflag") }}</span>&nbsp;
-      <button class="w-4 h-4 hover:text-blue-200 transition-all duration-100" @click="toggleLangMenu">
+      <span class="text-lg">{{ t("localeflag") }}</span
+      >&nbsp;
+      <button
+        class="w-4 h-4 hover:text-blue-200 transition-all duration-100"
+        @click="toggleLangMenu"
+      >
         <LanguageIcon />
       </button>
     </div>
@@ -170,9 +198,14 @@ const toggleLangMenu = () => {
       <span class="text-sm">{{ new Date().getFullYear() }} &copy yh</span>
     </div>
     <div class="">
-          <button @click="openWindow('login')" class="w-8 h-8 text-gray-400 flex flex-row">
-          <UserIcon class="w-8 h-8 text-gray-400  hover:text-blue-500 transition-all duration-100" />
-          </button>
+      <button
+        @click="openWindow('login')"
+        class="w-8 h-8 text-gray-400 flex flex-row"
+      >
+        <UserIcon
+          class="w-8 h-8 text-gray-400 hover:text-blue-500 transition-all duration-100"
+        />
+      </button>
     </div>
   </div>
 </template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index ae183ea..e5bca0c 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -9,9 +9,15 @@ export default defineNuxtConfig({
     "/go/**": { ssr: true },
     "/find/**": { ssr: true },
     // Send ZIP bombs to troll bots
-    "/wp-admin/**": { redirect: "https://s3.yhw.tw/data/def-zip-bomb/wp-admin.php.zip" },
-    "/xmlrpc.php": { redirect: "https://s3.yhw.tw/data/def-zip-bomb/xmlrpc.php.zip" },
-    "/wp-login.php": { redirect: "https://s3.yhw.tw/data/def-zip-bomb/wp-login.php.zip" },
+    "/wp-admin/**": {
+      redirect: "https://s3.yhw.tw/data/def-zip-bomb/wp-admin.php.zip",
+    },
+    "/xmlrpc.php": {
+      redirect: "https://s3.yhw.tw/data/def-zip-bomb/xmlrpc.php.zip",
+    },
+    "/wp-login.php": {
+      redirect: "https://s3.yhw.tw/data/def-zip-bomb/wp-login.php.zip",
+    },
   },
 
   css: ["~/styles/main.css"],
diff --git a/pages/app/desktop/index.vue b/pages/app/desktop/index.vue
index bf3de0b..4f6b358 100644
--- a/pages/app/desktop/index.vue
+++ b/pages/app/desktop/index.vue
@@ -1,4 +1,3 @@
-
 <script setup lang="ts">
 // No layout
 definePageMeta({
@@ -38,9 +37,13 @@ import DialogComponent from "~/components/ui/dialog/Dialog.vue";
 import ProgressComponent from "~/components/ui/progress/Progress.vue";
 import HoverCardComponent from "~/components/ui/hover-card/HoverCard.vue";
 
-
 // Icons
-import { ComputerDesktopIcon, UserIcon, LanguageIcon, ChevronRightIcon } from "@heroicons/vue/24/outline";
+import {
+  ComputerDesktopIcon,
+  UserIcon,
+  LanguageIcon,
+  ChevronRightIcon,
+} from "@heroicons/vue/24/outline";
 
 // i18n
 const { t, locale, locales } = useI18n();
@@ -93,29 +96,29 @@ const openWindow = (windowName?: string) => {
     if (windowName) findAndOpenWindow(windowName);
   }
   console.log(windowName);
-  menuOpen.value = false; 
-}
+  menuOpen.value = false;
+};
 
 const unMinWindow = (windowName?: string) => {
   console.log(windowName);
-}
+};
 
 // menus
 const menuItems = [
-  { name: "Hot News", windowName: "hotnews"} ,
-  { name: "News", windowName: "news"},
-  { name: "Sources", windowName: "sources"},
-  { name: 'About This Website', windowName: "about"},
-  { name: 'Settings', windowName: "settings"},
-  { name: 'Leave', windowName: "leave"},
-]
+  { name: "Hot News", windowName: "hotnews" },
+  { name: "News", windowName: "news" },
+  { name: "Sources", windowName: "sources" },
+  { name: "About This Website", windowName: "about" },
+  { name: "Settings", windowName: "settings" },
+  { name: "Leave", windowName: "leave" },
+];
 const toggleMenu = () => {
-  menuOpen.value = !menuOpen.value
-}
+  menuOpen.value = !menuOpen.value;
+};
 // Lang Menu
 const toggleLangMenu = () => {
-  langMenuOpen.value = !langMenuOpen.value
-}
+  langMenuOpen.value = !langMenuOpen.value;
+};
 
 // values
 const activeWindows = ref<associAppWindowInterface>([]);
@@ -123,27 +126,40 @@ const activeWindows = ref<associAppWindowInterface>([]);
 // ?opemapp= component
 const openApp = ref(false);
 const openAppId = ref();
-watch(() => route.query.openapp, (newVal) => {
-  if (newVal) {
-    openApp.value = true;
-    openAppId.value = newVal;
-    console.log("openAppId", openAppId.value);
-    router.replace({ 
-      path: route.path,
-      query: {},
-    });
-  }
-});
+watch(
+  () => route.query.openapp,
+  (newVal) => {
+    if (newVal) {
+      openApp.value = true;
+      openAppId.value = newVal;
+      console.log("openAppId", openAppId.value);
+      router.replace({
+        path: route.path,
+        query: {},
+      });
+    }
+  },
+);
 
 const associAppWindow = [
-  { name: "hotnews", id: "1", title: "Hot News", component: HotNewsWindow, width: "700px", height: "500px" },
+  {
+    name: "hotnews",
+    id: "1",
+    title: "Hot News",
+    component: HotNewsWindow,
+    width: "700px",
+    height: "500px",
+  },
   { name: "login", id: "2", title: "Login", component: LoginWindow },
-]
+];
 
 const findAndOpenWindow = (windowName: string) => {
   const app = associAppWindow.find((app) => app.name === windowName);
   // Prevent dual logins
-  if (windowName === "login" && activeWindows.value.some((window) => window.name === "login")) {
+  if (
+    windowName === "login" &&
+    activeWindows.value.some((window) => window.name === "login")
+  ) {
     return;
   }
   if (app) {
@@ -161,7 +177,9 @@ const findAndOpenWindow = (windowName: string) => {
 };
 
 const closeWindow = (windowId: string) => {
-  activeWindows.value = activeWindows.value.filter((window) => window.id !== windowId);
+  activeWindows.value = activeWindows.value.filter(
+    (window) => window.id !== windowId,
+  );
   console.log("activeWindows.value", activeWindows.value);
 };
 </script>
@@ -169,27 +187,40 @@ const closeWindow = (windowId: string) => {
   <div
     class="absolute inset-x-0 flex flex-row px-2 py-1 bg-[#7D7C7C]/70 text-white justify-between align-center text-center z-50"
   >
-  <!--Menu container-->
+    <!--Menu container-->
     <div class="flex flex-row g-2 text-gray-400 text-white z-9999">
-      <button @click="toggleMenu" class="w-8 h-8 text-white hover:text-blue-500 transition-all duration-100 flex flex-row">
-        <ComputerDesktopIcon/>
+      <button
+        @click="toggleMenu"
+        class="w-8 h-8 text-white hover:text-blue-500 transition-all duration-100 flex flex-row"
+      >
+        <ComputerDesktopIcon />
       </button>
       <span class="ml-1 mr-2 text-[20px]">|</span>
       <!--navbar icons for min and max application window-->
-              <button  
-              class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100"
-              >
-              </button>
-      <div v-for="item in currentNavBar" :key="item.name" class="flex flex-row items-center gap-x-2 hover:bg-gray-100 transition-all duration-100 px-4 py-2 cursor-pointer">
-        <button @click="unMinWindow(item.windowAssociated)" class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100">
+      <button
+        class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100"
+      ></button>
+      <div
+        v-for="item in currentNavBar"
+        :key="item.name"
+        class="flex flex-row items-center gap-x-2 hover:bg-gray-100 transition-all duration-100 px-4 py-2 cursor-pointer"
+      >
+        <button
+          @click="unMinWindow(item.windowAssociated)"
+          class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100"
+        >
           <span>{{ item.name }}</span>
-          <span v-if="item.flash" class="animate-ping absolute inline-flex h-3 w-3 rounded-full bg-red-400 opacity-75"></span>
-          <span v-if="item.icon" :class="item.icon">
-          </span>
+          <span
+            v-if="item.flash"
+            class="animate-ping absolute inline-flex h-3 w-3 rounded-full bg-red-400 opacity-75"
+          ></span>
+          <span v-if="item.icon" :class="item.icon"> </span>
         </button>
       </div>
     </div>
-    <div class="text-center align-middle justify-center text-white">{{ currentDate }}</div>
+    <div class="text-center align-middle justify-center text-white">
+      {{ currentDate }}
+    </div>
   </div>
   <div class="w-full h-[2.5em]"></div>
   <!--Menu-->
@@ -197,23 +228,28 @@ const closeWindow = (windowId: string) => {
     enter-active-class="animate__animated animate__fadeInDown animate_fast03"
     leave-active-class="animate__animated animate__fadeOutUp animate_fast03"
   >
-    <div class="m-2 p-2 bg-gray-800 shadow-lg w-fit rounded-[10px] v-9998" v-if="menuOpen">
-    <div v-for="item in menuItems" :key="item.name" class="">
-      <button @click="openWindow(item.windowName)" class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100">
-        <span>{{ item.name }}</span>
-        <ChevronRightIcon class="w-4 h-4 justify-center align-center" />
-      </button>
+    <div
+      class="m-2 p-2 bg-gray-800 shadow-lg w-fit rounded-[10px] v-9998"
+      v-if="menuOpen"
+    >
+      <div v-for="item in menuItems" :key="item.name" class="">
+        <button
+          @click="openWindow(item.windowName)"
+          class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100"
+        >
+          <span>{{ item.name }}</span>
+          <ChevronRightIcon class="w-4 h-4 justify-center align-center" />
+        </button>
+      </div>
     </div>
-  </div>
   </Transition>
   <!--Main desktop contents-->
   <div
     class="flex flex-col justify-center align-center text-center absolute w-full h-screen inset-x-0 inset-y-0 z-[-1]"
     id="desktop"
-  >
-  </div>
+  ></div>
   <div>
-      <DraggableWindow
+    <DraggableWindow
       v-for="window in activeWindows"
       :key="window.id"
       :title="window.title"
@@ -221,18 +257,25 @@ const closeWindow = (windowId: string) => {
       :width="window.width"
       :height="window.height"
     >
-      <Component :is="window.component" @error="console.error('Error:', $event)" />
+      <Component
+        :is="window.component"
+        @error="console.error('Error:', $event)"
+      />
     </DraggableWindow>
   </div>
-    <!--Footer-->
+  <!--Footer-->
   <div
     class="absolute w-[calc(100% - 5px)] inset-x-0 bottom-0 mx-[1.5px] p-3 justify-between align-center flex flex-row"
   >
     <div class="">
       <!--Lang-->
       <span>Lang: </span>
-      <span class="text-lg">{{ t("localeflag") }}</span>&nbsp;
-      <button class="w-4 h-4 hover:text-blue-200 transition-all duration-100" @click="toggleLangMenu">
+      <span class="text-lg">{{ t("localeflag") }}</span
+      >&nbsp;
+      <button
+        class="w-4 h-4 hover:text-blue-200 transition-all duration-100"
+        @click="toggleLangMenu"
+      >
         <LanguageIcon />
       </button>
     </div>
@@ -245,9 +288,14 @@ const closeWindow = (windowId: string) => {
       <span class="text-sm">{{ new Date().getFullYear() }} &copy yh</span>
     </div>
     <div class="">
-          <button @click="openWindow('login')" class="w-8 h-8 text-gray-400 flex flex-row">
-          <UserIcon class="w-8 h-8 text-gray-400  hover:text-blue-500 transition-all duration-100" />
-          </button>
+      <button
+        @click="openWindow('login')"
+        class="w-8 h-8 text-gray-400 flex flex-row"
+      >
+        <UserIcon
+          class="w-8 h-8 text-gray-400 hover:text-blue-500 transition-all duration-100"
+        />
+      </button>
     </div>
   </div>
 </template>
diff --git a/pages/app/mobile/index.vue b/pages/app/mobile/index.vue
index 99abe0a..539539d 100644
--- a/pages/app/mobile/index.vue
+++ b/pages/app/mobile/index.vue
@@ -1,3 +1 @@
-<template>
-    目前沒有手機版本
-</template>
\ No newline at end of file
+<template>目前沒有手機版本</template>
diff --git a/scraping/findText/README.md b/scraping/findText/README.md
index 4dc6a2e..f98239f 100644
--- a/scraping/findText/README.md
+++ b/scraping/findText/README.md
@@ -1,25 +1,31 @@
 # Status
 
-## setn.py 
+## setn.py
+
 Working
 
 ## tvbs.py
+
 Working
 
 ## taisounds.py
+
 Working
 
 ## cna.py
+
 Broken
 
 Error: `Error: 'utf-8' codec can't decode byte 0x83 in position 0: invalid start byte`
 
 ## chinatimes.py
+
 Broken
 
 Error: `Error: 'utf-8' codec can't decode byte 0xa3 in position 0: invalid start byte`
 
 ## twreporter.py
+
 Broken
 
-Error: `Error: 'utf-8' codec can't decode byte 0xc0 in position 2: invalid start byte`
\ No newline at end of file
+Error: `Error: 'utf-8' codec can't decode byte 0xc0 in position 2: invalid start byte`