svemagie.net/blog-eleventy-indiekit
1
0
Fork 0
mirror of https://github.com/svemagie/blog-eleventy-indiekit.git synced 2026-05-15 06:58:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: search sidebar widget now renders Pagefind UI

Browse Source 
The search widget was only showing a heading with an empty div.
Now loads Pagefind CSS/JS and initializes the search UI.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ricardo
2026-02-08 19:53:13 +01:00
parent b4bc2f6f07
commit 2ea75e567d
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/components/homepage-sidebar.njk
+8 -1
View File
@@ -19,7 +19,14 @@
{# Pagefind search widget #} {# Pagefind search widget #}
<div class="sidebar-widget"> <div class="sidebar-widget">
<h3 class="text-sm font-semibold text-surface-600 dark:text-surface-400 uppercase tracking-wide mb-3">Search</h3> <h3 class="text-sm font-semibold text-surface-600 dark:text-surface-400 uppercase tracking-wide mb-3">Search</h3>
<div id="search"></div> <link rel="stylesheet" href="/pagefind/pagefind-ui.css">
<div id="sidebar-search"></div>
<script src="/pagefind/pagefind-ui.js"></script>
<script>
window.addEventListener("DOMContentLoaded", function() {
new PagefindUI({ element: "#sidebar-search", showSubResults: false, showImages: false });
});
</script>
</div> </div>
{% else %} {% else %}
<!-- Unknown widget type: {{ widget.type }} --> <!-- Unknown widget type: {{ widget.type }} -->