sort components by name instead of title

Author: Tsche

antora.yml

@@ -1,5 +1,8 @@
 name: _
 version: ~
 title: fuquery
+index: 0
+extra:
+  index: 1
 nav:
 - modules/ROOT/nav.adoc

ui/helpers/sort-by.js

@@ -0,0 +1,23 @@
+'use strict'
+
+module.exports = (collection, field = 'name') => {
+  if (!collection) return []
+
+  let arr = []
+
+  if (Array.isArray(collection)) {
+    arr = collection.slice()
+  } else if (typeof collection === 'object') {
+    arr = Object.keys(collection).map(key => collection[key])
+  } else {
+    return []
+  }
+
+  arr.sort((a, b) => {
+    const va = (a[field] || '').toString().toLowerCase()
+    const vb = (b[field] || '').toString().toLowerCase()
+    return va < vb ? -1 : va > vb ? 1 : 0
+  })
+
+  return arr
+}

ui/partials/nav-explore.hbs

@@ -6,7 +6,7 @@
   </div>
   {{/if}}
   <ul class="components">
-    {{#each site.components}}
+    {{#each (sort-by site.components 'name')}}
     <li class="component{{#if (eq this @root.page.component)}} is-current{{/if}}">
       <div class="title"><a href="{{{relativize ./url}}}">{{{./title}}}</a></div>
       {{#if (or ./versions.[1] ./versions.[0].version (ne ./versions.[0].displayVersion 'default'))}}