feat(projects): format language-sensitive lists

index.js

@@ -46,8 +46,8 @@ Handlebars.registerHelper('icon', (name, fallback) =>
   }),
 )
 
-Handlebars.registerHelper('join', (arr, separator) =>
-  arr.join(typeof separator === 'string' ? separator : ', '),
+Handlebars.registerHelper('join', arr =>
+  Intl.ListFormat ? new Intl.ListFormat('en').format(arr) : arr.join(', '),
 )
 
 Handlebars.registerHelper('markdown', doc => micromark(doc))

tap-snapshots/test/render.js.test.cjs

@@ -386,7 +386,7 @@ blockquote > * + * {
                   </span>
                 </div>
                 <span>
-                    <strong>Team lead, Designer</strong>
+                    <strong>Team lead and Designer</strong>
                     at <strong>Smoogle</strong>
                 </span>
               </header>