search

src/routes/search.json.js

@@ -8,10 +8,10 @@ function removeHTML(s) {
 
 async function convertForIdx(type, fields = []) {
   const items = await getAll(type)
-  const defaults = ['title', 'content', 'slug']
+  const keys = ['title', 'content', 'slug', ...fields]
   return items.map((item) => ({
     url: `${item.type}/${item.slug}`,
-    data: [...defaults, ...fields].map((field) => removeHTML(item[field])).join(' '),
+    data: keys.map((field) => removeHTML(item[field])).join(' '),
   }))
 }
 

src/routes/search.svelte

@@ -1,22 +1,23 @@
 <script context="module">
-  import lunr from 'lunr'
-
   export async function preload({ query }) {
     const prebuilt = await this.fetch(`/search.json`).then((res) => res.json())
-    return { idx: lunr.Index.load(prebuilt) }
+    return { prebuilt }
   }
 </script>
 
 <script>
+  import lunr from 'lunr'
   import { onMount } from 'svelte'
 
   import SearchResult from '../components/SearchResult.svelte'
   import SimplePage from '../components/SimplePage.svelte'
 
-  export let idx
+  export let prebuilt
   let needle
   let results = []
 
+  const idx = lunr.Index.load(prebuilt)
+
   async function search(needle) {
     if (!needle || !idx) {
       results = []