Components can pass and receive props to and from other components with exported let
variables.
Default values can be set by assigning the variable.
Components can be imported to use in other components.
Components are rendered using PascalCase.
<script>
export let task;
export let completed = false;
</script>
<p>
<input type="checkbox" checked={completed}>
{task}
</p>
<script>
import Todo from './Todo.svelte';
</script>
<Todo task="Mow lawn" />
<Todo task="Walk dog" />
<Todo task="Read newspaper" />