fix: add ordinal to dates

src/_filters/date.js

@@ -1,5 +1,12 @@
 const { DateTime } = require('luxon')
 
-module.exports = (date, format) => {
-  return DateTime.fromISO(date).toFormat(format)
+function ordinal (n) {
+  const s = ['th', 'st', 'nd', 'rd']
+  const v = n % 100
+  return "'" + n + (s[(v - 20) % 10] || s[v] || s[0]) + "' "
+}
+
+module.exports = (date, format, locale = 'en') => {
+  date = DateTime.fromISO(date).setLocale(locale)
+  return date.toFormat(format.replace('dS ', ordinal(date.day)))
 }

src/_layouts/game.njk

@@ -5,7 +5,7 @@ layout: base.njk
     <h1 class="p-name">{{ title }}</h1>
 
     <div class="datetime">
-        <p class="date">{{ date | date('ccc d LLLL') }}</p>
+        <p class="date">{{ date | date('ccc dS LLLL') }}</p>
         <p class="time">
             <span class="starttime">{{ date | date('h:mma') }}</span>
             <span class="endtime">–{{ endDate | date('h:mma') }}</span>

src/_layouts/games.njk

@@ -23,7 +23,7 @@ layout: base.njk
             <tr class="vevent h-event">
                 <td class="datetime">
                     {% if showDate(game.data.date, loop.index0, collections[tag]) %}
-                        <span class="day">{{ game.data.date | date('ccc d LLLL') }}</span>
+                        <span class="day">{{ game.data.date | date('ccc dS LLLL') }}</span>
                     {% endif %}
                 </td>
                 <td class="time">

src/index.njk

@@ -23,7 +23,7 @@ title: Football times in your calendar
   <li>
       <a href="{{ competition.path | url | absoluteUrl(config.baseUrl) }}">
           <h2>{{ competition.title }}</h2>
-          <p>{{ competition.start | date('d LLLL') }}–{{ competition.end | date('d LLLL yyyy') }}</p>
+          <p>{{ competition.start | date('dS LLLL') }}–{{ competition.end | date('dS LLLL yyyy') }}</p>
       </a>
   </li>
   {% endfor %}