Time-ago formatting with Stimulus (no heavy date libs)

                  import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  connect() {
    const dt = new Date(this.element.getAttribute("datetime"))
    const seconds = Math.round((Date.now() - dt.getTime()) / 1000)

    const rtf = new Intl.RelativeTimeFormat(undefined, { numeric: "auto" })
    if (seconds < 60) return (this.element.textContent = rtf.format(-seconds, "second"))

    const minutes = Math.round(seconds / 60)
    if (minutes < 60) return (this.element.textContent = rtf.format(-minutes, "minute"))

    const hours = Math.round(minutes / 60)
    if (hours < 24) return (this.element.textContent = rtf.format(-hours, "hour"))

    const days = Math.round(hours / 24)
    this.element.textContent = rtf.format(-days, "day")
  }
}