~repos /website

---
import { format } from "timeago.js";

type Props = {
  date: string;
};

const { date } = Astro.props;
---

<time-ago data-date={date}>
  {format(date)}
</time-ago>

<script>
  import { format } from "timeago.js";

  class TimeAgo extends HTMLElement {
    connectedCallback() {
      const date = this.dataset.date || new Date();
      this.textContent = format(date);
    }
  }

  customElements.define("time-ago", TimeAgo);
</script>

<style>
  time-ago {
    display: inline;
  }
</style>