From d9c6cec16ec6583f3677eb7139712c7e8ddd06ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E5=85=83=E7=9A=93?= <hw@yuanhau.com>
Date: Sun, 18 May 2025 23:46:14 +0800
Subject: [PATCH] Made the animation working again :)

---
 components/app/windows/aboutNewsOrg.vue | 26 ++++++++++++++++++-------
 components/app/windows/sources.vue      |  4 ++--
 docker-compose.yml                      | 11 ++++++++---
 3 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/components/app/windows/aboutNewsOrg.vue b/components/app/windows/aboutNewsOrg.vue
index bb4c068..f0515ae 100644
--- a/components/app/windows/aboutNewsOrg.vue
+++ b/components/app/windows/aboutNewsOrg.vue
@@ -33,12 +33,21 @@ const {
 
 const orgNameAnimation = ref(null);
 
-onMounted(() => {
-  gsap.to(orgNameAnimation.value, {
-    duration: 1,
-    scrambleText: fetchNewsOrgInfo.value?.title,
-  });
-});
+watch(
+  () => fetchNewsOrgInfo.value,
+  (newValue) => {
+    if (newValue?.title) {
+      nextTick(() => {
+        gsap.to(orgNameAnimation.value, {
+          duration: 1,
+          scrambleText: newValue.title,
+          ease: "none",
+        });
+      });
+    }
+  },
+  { immediate: true },
+);
 </script>
 <template>
   <div>
@@ -52,7 +61,10 @@ onMounted(() => {
           draggable="false"
         />
         <div class="flex flex-col gap-3 text-left">
-          <h1 class="text-4xl font-bold m-3 text-left">
+          <h1
+            class="text-4xl font-bold m-3 text-left"
+            ref="orgNameAnimation"
+          >
             {{ fetchNewsOrgInfo?.title }}
           </h1>
           <span class="text-ms m-1 mt-5 text-left text-wrap">{{
diff --git a/components/app/windows/sources.vue b/components/app/windows/sources.vue
index 6faf8d3..bd42662 100644
--- a/components/app/windows/sources.vue
+++ b/components/app/windows/sources.vue
@@ -28,9 +28,9 @@ const {
     lang: locale,
   },
 });
-if (error) {
+if (error === null) {
   eerrrroorr.value = true;
-  errorMsg.value = error.value.message;
+  errorMsg.value = error.value;
 }
 
 async function getImageSource(image: string) {
diff --git a/docker-compose.yml b/docker-compose.yml
index 7ed175e..90231d1 100755
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -15,10 +15,15 @@ services:
   newsanalyze-service:
     image: ghcr.io/hpware/news-analyze:master
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:3000/api/health"]
-      interval: 1m
-      timeout: 10s
+      test:
+        [
+          "CMD-SHELL",
+          "wget --no-verbose --tries=1 --spider http://localhost:3000/ || exit 1",
+        ]
+      interval: 10s
+      timeout: 5s
       retries: 3
+      start_period: 20s
     networks:
       - web
     labels: