You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/documentation/examples/21-miscellaneous/02-immutable-data/MutableTodo.svelte

29 lines
422 B

<script>
import { afterUpdate } from 'svelte';
import flash from './flash.js';
export let todo;
let btn;
afterUpdate(() => {
flash(btn);
});
</script>
<!-- the text will flash red whenever
the `todo` object changes -->
<button bind:this={btn} on:click>
{todo.done ? '👍' : ''}
{todo.text}
</button>
<style>
button {
cursor: pointer;
border: none;
background: none;
font-size: 14px;
}
</style>