Improving registration and initialization of components, updating docs

docs/src/_includes/layouts/base.njk

@@ -69,6 +69,7 @@
   {# CSS #}
   <link rel="stylesheet" href="/assets/styles.css">
   {# JS #}
+  <script src="/assets/js/basecoat.js" defer></script>
   <script src="/assets/js/dropdown-menu.js" defer></script>
   <script src="/assets/js/popover.js" defer></script>
   <script src="/assets/js/select.js" defer></script>
@@ -94,6 +95,12 @@
       document.addEventListener('htmx:afterSwap', highlight);
     }
   </script>
+  <script>
+    document.addEventListener('htmx:historyRestore', () => {
+      if (window.basecoat) window.basecoat.initAll();
+      if (window.Alpine) Alpine.initTree(document.body);
+    });
+  </script>
   {% if head %}{{ head | safe }}{% endif %}
 </head>
 <body>