Sample Svelte component

starter.svelte

<!-- Script -->
<script>
  export let name = 'world';
  let num = 5;
	
  function sayHello() {
    console.log(`Hello ${name}`);
  }
</script>

<!-- Styling -->
<style>
  h1 {
    color: red;
  }
</style>

<!-- Markup -->
<h1>Hello {name}!</h1>
<input bind:value={num}>
<p>Double of num: {num * 2}</p>
<button on:click={sayHello}>Click me!</button>