docs: fix element listing titles (#947)

RedHat-UX · Apr 26, 2023 · 2ae8a7d · 2ae8a7d
1 parent a38ab8f
commit 2ae8a7d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/docs/_plugins/rhds.cjs b/docs/_plugins/rhds.cjs
@@ -145,6 +145,12 @@ module.exports = function(eleventyConfig, { tagsToAlphabetize }) {
 
   eleventyConfig.addTransform('demo-lightdom-css', lightdomCss);
 
+  eleventyConfig.addFilter('getTitleFromDocs', function(docs) {
+    return docs.find(x => x.docsPage?.title)?.docsPage?.title ??
+      docs[0]?.docsPage?.title ??
+      eleventyConfig.getFilter('deslugify')(docs[0]?.slug);
+  });
+
   /** get the element overview from the manifest */
   eleventyConfig.addFilter('getElementDescription', function getElementDescription(tagName) {
     /**

diff --git a/docs/elements/index.md b/docs/elements/index.md
@@ -37,7 +37,7 @@ summaries:
                  alt=linkTitle,
                  src=doc.screenshotPath %}
     </a>
-    <h3>{{ doc.title }}</h3>
+    <h3>{{ docs | getTitleFromDocs }}</h3>
     <p>{{ summary }}</p>
   </div>
 {% endfor %}