diff --git a/com/static/bundled/com/components/moderation-alert-index.ts b/com/static/bundled/com/components/moderation-alert-index.ts
index 9987670c..f4ecc4d1 100644
--- a/com/static/bundled/com/components/moderation-alert-index.ts
+++ b/com/static/bundled/com/components/moderation-alert-index.ts
@@ -54,7 +54,7 @@ document.addEventListener("alpine:init", () => {
      * Query the server to know the number of news dates that would be moderated
      * if this one is moderated.
      */
-    async nbModerated() {
+    async nbToModerate(): Promise<number> {
       // What we want here is the count attribute of the response.
       // We don't care about the actual results,
       // so we ask for the minimum page size possible.
diff --git a/com/templates/com/macros.jinja b/com/templates/com/macros.jinja
index 5cda00b7..dbff9188 100644
--- a/com/templates/com/macros.jinja
+++ b/com/templates/com/macros.jinja
@@ -83,7 +83,8 @@
             so it's still reasonable #}
             <div
               {% if news is integer or news is string %}
-                x-data="{ nbEvents: nbModerated() }"
+                x-data="{ nbEvents: 0 }"
+                x-init="nbEvents = await nbToModerate()"
               {% else %}
                 x-data="{ nbEvents: {{ news.dates.count() }} }"
               {% endif %}