From 9e81ab0689f5ab3a23bbf921c079a2aead3dff8f Mon Sep 17 00:00:00 2001
From: Britney Wang <britney.wang@canonical.com>
Date: Wed, 6 Nov 2024 15:31:06 +0100
Subject: [PATCH] Include h3 to table of contents

---
 examples/document.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/examples/document.html b/examples/document.html
index f176c2d..30a8e18 100644
--- a/examples/document.html
+++ b/examples/document.html
@@ -139,11 +139,18 @@ <h1 class="u-no-margin--bottom">{{ document.title }}</h1>
       <div class="l-docs__sticky-container">
         <aside class="p-table-of-contents">
           <div class="p-table-of-contents__section">
-            <h4 class="p-table-of-contents__header">On this page</h4>
+            <h4 class="p-table-of-contents__header">On this page!!</h4>
             <nav class="p-table-of-contents__nav" aria-label="Table of contents">
               <ul class="p-table-of-contents__list">
                 {% for heading in document.headings_map %}
-                <li class="p-table-of-contents__item"><a class="p-table-of-contents__link" href="#{{ heading.heading_slug }}">{{ heading.heading_text }}</a></li>
+                  <li class="p-table-of-contents__item"><a class="p-table-of-contents__link" href="#{{ heading.heading_slug }}">{{ heading.heading_text }}</a></li>
+                  {% if heading.children %}
+                    <ul class="p-table-of-contents__list">
+                    {% for child in heading.children %}
+                      <li class="p-table-of-contents__item"><a class="p-table-of-contents__link" href="#{{ child.heading_slug }}">{{ child.heading_text }}</a></li>
+                      {% endfor %}
+                    </ul>
+                  {% endif %}
                 {% endfor %}
               </ul>
             </nav>