Add aliases

src/components/default-listing.astro

@@ -5,6 +5,8 @@ import {
     ListingDetails
 } from '~/helpers/listing-page.js'
 
+import Aliases from '~/src/components/listing/aliases.astro'
+
 import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
 
 
@@ -25,6 +27,8 @@ const details = new ListingDetails( listing )
             { details.subtitle }
         </h2>
 
+        <Aliases listing={ listing } />
+
 
 
         <AllUpdatesSubscribe

src/components/listing/aliases.astro

@@ -0,0 +1,14 @@
+---
+const {
+  listing
+} = Astro.props
+
+const hasMultipleAliases = Array.isArray( listing.aliases ) && listing.aliases.length > 1
+
+
+const listFormatter = new Intl.ListFormat('en', { style: 'short', type: 'disjunction' });
+
+---
+{ hasMultipleAliases ?
+    <small class="text-xs opacity-75">May also be known as ${ listFormatter.format( listing.aliases, 'or' ) }</small>
+: '' }