fix: import pagefind

Author: Fupete

.eleventy.js

@@ -90,6 +90,7 @@ module.exports = function (eleventyConfig) {
         sourcemap: 'true',
         manifest: true,
         rollupOptions: {
+          external: ["/pagefind/pagefind-ui.js"],
           output: {
             assetFileNames: (assetInfo) => {
               var info = assetInfo.name.split('.');
@@ -103,7 +104,7 @@ module.exports = function (eleventyConfig) {
             manualChunks: {
               PhotoSwipe: ['photoswipe'],
               PhotoSwipeLightbox: ['photoswipe/lightbox']
-            }
+            },
           },
           plugins: [
             rollupPluginCritical({

src/assets/js/pagefind.js

@@ -1,5 +1,6 @@
 // generated pagefind UI
 import '/pagefind/pagefind-ui.js'; // xxx doesn't work on 1st build
+// to study: https://syntackle.com/blog/pagefind-search-in-astro-site/
 
 const initSearch = () => {
   /* global PagefindUI */

src/it/index.njk

@@ -35,13 +35,13 @@ lastUpdate: 2024-09-26
   </section>
 
   <hr />
-  <!--xxx <section class="container">
+  <section class="container">
     <div class="search feature">
       <label for="site-search" class="input-search-label visually-hidden">Campo di ricerca</label>
       <div id="searchBox" class="search-box"></div>
     </div>
   </section>
--->
+
 
  <!-- xxx <section class="container">
     {% set projectslist = collections["design_" + page.lang] %}