Made the animation working again :)

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">{{

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) {

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: