llama-cpp-K2-FAST2 / tools /ui /src /lib /components /app /forms /HighlightedMatch.svelte

llama.cpp k2-fast2: MBZUAI model/K2Horizon + FAST2 sliding-window override

c59fd93 verified about 1 month ago

475 Bytes

<script lang="ts">
	import { highlightMatch } from '$lib/utils';

	interface Props {
		text: string;
		query: string;
		matchClass?: string;
	}

	let {
		matchClass = 'rounded bg-yellow-200/60 px-0.5 text-foreground dark:bg-yellow-500/30',
		query,
		text
	}: Props = $props();

	let segments = $derived(highlightMatch(text, query));
</script>

{#each segments as seg, i (i)}
	{#if seg.match}
		<mark class={matchClass}>{seg.text}</mark>
	{:else}
		{seg.text}
	{/if}
{/each}

	<script lang="ts">
	import { highlightMatch } from '$lib/utils';

	interface Props {
	text: string;
	query: string;
	matchClass?: string;
	}

	let {
	matchClass = 'rounded bg-yellow-200/60 px-0.5 text-foreground dark:bg-yellow-500/30',
	query,
	text
	}: Props = $props();

	let segments = $derived(highlightMatch(text, query));
	</script>

	{#each segments as seg, i (i)}
	{#if seg.match}
	<mark class={matchClass}>{seg.text}</mark>
	{:else}
	{seg.text}
	{/if}
	{/each}