Okay nice guyss.. kita lanjutkan ke part 3 ini…
Play with Component and Global State
buat file baru Button.svelte dan kita pindah local statenya menjadi sebuah component reusable..
<script>
let count = 0;
const increment = () => {
count += 1;
};
</script>
<button on:click={increment}>
count: {count}
</button>dan pada App.svelte kita import Component tersebut.. sehingga akan menjadi seperti ini :
App.svelte
<script>
import Button from "./Button.svelte"
export let name;
</script>
<main>
<h1>Hi {name}!</h1>
<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
<Button />
</main>
result ;
link github ada disini … cyaaa…
