fix(site): download count animation didn't play on page navigation

Author: Keshav-writes-code

apps/site/src/pages/downloads.astro

@@ -153,30 +153,36 @@ const download_count_server = get_total_downloads(gh_releases_metadata);
         )
       : 0;
 
-  const download_count_elem = document.getElementById("downloads_count");
-  if (!download_count_elem) return;
-  let download_count = 0;
-
-  fetch(`https://api.github.com/repos/${owner}/${repo}/releases`)
-    .then((v) => v.json())
-    .then((releases_info) => {
-      download_count += get_total_downloads(releases_info);
-      if (download_count) {
-        download_count_elem.style.setProperty("--value", download_count);
-      } else {
+  function on_load() {
+    const download_count_elem = document.getElementById("downloads_count");
+    if (!download_count_elem) return;
+    let download_count = 0;
+    fetch(`https://api.github.com/repos/${owner}/${repo}/releases`)
+      .then((v) => v.json())
+      .then((releases_info) => {
+        download_count += get_total_downloads(releases_info);
+        if (download_count) {
+          download_count_elem.style.setProperty("--value", download_count);
+        } else {
+          download_count = download_count_server;
+          download_count_elem.style.setProperty(
+            "--value",
+            download_count_server,
+          );
+        }
+      })
+      .catch(() => {
         download_count = download_count_server;
         download_count_elem.style.setProperty("--value", download_count_server);
-      }
-    })
-    .catch(() => {
-      download_count = download_count_server;
-      download_count_elem.style.setProperty("--value", download_count_server);
-    });
-  const buttons = document.querySelectorAll(".download-btn");
-  buttons.forEach((btn) => {
-    btn.addEventListener("click", () => {
-      download_count++;
-      download_count_elem.style.setProperty("--value", download_count);
+      });
+    const buttons = document.querySelectorAll(".download-btn");
+    buttons.forEach((btn) => {
+      btn.addEventListener("click", () => {
+        download_count++;
+        download_count_elem.style.setProperty("--value", download_count);
+      });
     });
-  });
+  }
+
+  document.addEventListener("astro:page-load", on_load);
 </script>