Refactored Svelte components

This commit is contained in:
Simon Cambier
2022-04-23 22:44:54 +02:00
parent 02d1a6a8ba
commit 9fdddb7f75
11 changed files with 92 additions and 80 deletions

View File

@@ -0,0 +1,19 @@
<script lang="ts">
import type { ResultNote } from "../globals"
import { highlighter, makeExcerpt, stringsToRegex } from "../utils"
import ResultIemContainer from "./ResultItemContainer.svelte"
export let offset: number
export let note: ResultNote
export let index = 0
export let selected = false
$: reg = stringsToRegex(note.foundWords)
$: cleanedContent = makeExcerpt(note?.content ?? "", offset)
</script>
<ResultIemContainer id={index.toString()} {selected} on:mousemove on:click>
<div class="omnisearch-result__body">
{@html cleanedContent.replace(reg, highlighter)}
</div>
</ResultIemContainer>