Almost there...

src/CmpResultNote.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+import { createEventDispatcher } from "svelte"
+import { excerptAfter, excerptBefore, type ResultNote } from "./globals"
+import { getMatches } from "./search"
+import { escapeHTML, highlighter, stringsToRegex } from "./utils"
+
+const dispatch = createEventDispatcher()
+export let selected = false
+export let note: ResultNote
+
+$: reg = stringsToRegex(note.foundWords)
+$: matches = getMatches(note.content, reg)
+$: cleanedContent = cleanContent(note.content)
+
+function cleanContent(content: string): string {
+  const pos = note.matches[0]?.offset ?? -1
+  if (pos > -1) {
+    const from = Math.max(0, pos - excerptBefore)
+    const to = Math.min(content.length - 1, pos + excerptAfter)
+    content =
+      (from > 0 ? "…" : "") +
+      content.slice(from, to).trim() +
+      (to < content.length - 1 ? "…" : "")
+  }
+  return escapeHTML(content)
+}
+</script>
+
+<div
+  data-note-id={note.path}
+  class="suggestion-item omnisearch-result"
+  class:is-selected={selected}
+  on:mousemove={(e) => dispatch("hover")}
+  on:click={(e) => dispatch("click")}
+>
+  <span class="omnisearch-result__title">
+    {@html note.basename}
+  </span>
+
+  <span class="omnisearch-result__counter">
+    {matches.length}&nbsp;{matches.length > 1 ? "matches" : "match"}
+  </span>
+  <div class="omnisearch-result__body">
+    {@html cleanedContent.replace(reg, highlighter)}
+  </div>
+</div>