🐛 Fix interval

marcreichel · Apr 5, 2024 · 3b38a26 · 3b38a26
1 parent 54a1dda
commit 3b38a26
Show file tree

Hide file tree

Showing 5 changed files with 54 additions and 7 deletions.
diff --git a/dist/alpine-timeago.js b/dist/alpine-timeago.js
diff --git a/dist/alpine-timeago.js.map b/dist/alpine-timeago.js.map
diff --git a/dist/alpine-timeago.min.js b/dist/alpine-timeago.min.js
diff --git a/dist/alpine-timeago.min.js.map b/dist/alpine-timeago.min.js.map
diff --git a/src/index.js b/src/index.js
@@ -1,6 +1,7 @@
 import formatDistanceToNow from "date-fns/formatDistanceToNow";
 import formatDistanceToNowStrict from "date-fns/formatDistanceToNowStrict";
 import parseISO from "date-fns/parseISO";
+import isPast from "date-fns/isPast";
 
 let locale = null;
 
@@ -50,14 +51,19 @@ function TimeAgo(Alpine) {
               locale,
             });
           }
-          el.dispatchEvent(new Event("timeago:update", { bubbles: false }));
+
+          dispatch(date);
         } catch (e) {
           console.error(e);
         }
       };
 
       let interval;
 
+      const dispatch = (date) => {
+        el.dispatchEvent(new CustomEvent("timeago:render", { detail: { isPast: isPast(date) }, bubbles: false }));
+      };
+
       const setupInterval = (date) => {
         let intervalDuration = 30000;
         if (modifiers.includes("seconds")) {
@@ -96,6 +102,8 @@ function TimeAgo(Alpine) {
           }
 
           render(date);
+
+          setupInterval(date);
         });
       });