Skip to content

Simple regex search pattern (Svelte)

Daisho Komiyama edited this page Aug 16, 2023 · 1 revision
<script>
export let data;
export let field;

let search = '';

$: regex = search ? new RegExp(search, 'i') : null;
$: matches = (item) => regex ? regex.test(item[field]) : true;
</script>

<input bind:value={search} />

<div class="content">
    {#each data.filter(matches) as item}
        <slot {item} />
    {/each}
</div>
Clone this wiki locally