more ids for algolia

Author: colegoldsmith

src/partials/breadcrumbs.hbs

@@ -1,11 +1,11 @@
 {{#unless (or (eq page.layout 'landing') (eq page.layout 'full') (eq page.layout 'home'))}}
-<nav class="breadcrumbs flex" aria-label="breadcrumbs">
-  {{#if page.breadcrumbs}}
-  <ul class="flex flex-wrap !list-none !m-0 !p-0">
+{{#if page.breadcrumbs}}
+<nav id="breadcrumbs" class="flex" aria-label="breadcrumbs">
+  <ol class="flex flex-wrap !list-none !m-0 !p-0">
     {{#with page.componentVersion}}
     {{#if (and ./title (ne ./title @root.page.breadcrumbs.0.content))}}
     <li class="text-link !m-0 !p-0 after:content-['/'] last-of-type:after:content-none after:text-tertiary after:px-2">
-      <a class="component-home" href="{{{relativize ./url}}}">{{{./title}}}</a>
+      <a href="{{{relativize ./url}}}">{{{./title}}}</a>
     </li>
     {{/if}}
     {{/with}}
@@ -22,7 +22,7 @@
     {{/if}}
     {{/if}}
     {{/each}}
-  </ul>
-  {{/if}}
+  </ol>
 </nav>
+{{/if}}
 {{/unless}}

src/partials/nav.hbs

@@ -6,9 +6,9 @@
   {{~/if}}
   id="side-nav" 
   class="h-full bg-level1 overflow-y-scroll flex flex-col w-[18.5rem] px-2 pt-2">
-    <div class="flex items-start gap-1 mb-1 ">
+    <div class="flex items-start gap-1 mb-1">
       {{#with @root.page.componentVersion}}
-      <a class="flex flex-grow py-1 px-2 text-h4 hover:bg-level2 rounded transition-colors !no-underline" href="{{{relativize ./url}}}">{{./title}}</a>
+      <a id="component-home" class="flex flex-grow py-1 px-2 text-h4 hover:bg-level2 rounded transition-colors !no-underline" href="{{{relativize ./url}}}">{{./title}}</a>
       {{/with}}
       {{> page-versions page=../page}}
     </div>