Refactored Svelte components
This commit is contained in:
19
src/components/ResultItemVault.svelte
Normal file
19
src/components/ResultItemVault.svelte
Normal 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>
|
||||
Reference in New Issue
Block a user