fix: showing location of page

Author: wuda-io

partials/navbar.html

@@ -78,6 +78,8 @@ <h1 class="header">Cards</h1>
       >
     </li>
 
+    <li><small>{{title}}</small></li>
+
     <li class="search hide-on-med-and-up">
       <div class="search-wrapper">
         <input
@@ -110,7 +112,9 @@ <h1 class="header">Cards</h1>
           >
           <div class="collapsible-body">
             <ul>
-              <li><a href="color.html">Color</a></li>
+              <li>
+                <a href="color.html">Color</a>
+              </li>
               <li><a href="grid.html">Grid</a></li>
               <li><a href="helpers.html">Helpers</a></li>
               <li><a href="media-css.html">Media</a></li>

vite.config.js

@@ -7,6 +7,11 @@ export default {
   base: "./",
   plugins: [
     handlebars({
+      context(pagePath) {
+        return {
+          title: pagePath,
+        };
+      },
       partialDirectory: resolve(__dirname, "partials"),
     }),
   ],