Svelte: Component Cheat Sheet

<!-- Widget.svelte -->
<script>
  export let textValue
</script>
<div class="container">
  {textValue}
</div>
<style>
.container {
  color: blue;
}
</style>
<!-- App.svelte -->
<script>
  import Widget from './Widget.svelte'
  const title = 'App'
</script>
<header>{title}</header>
<Widget textValue="I'm a svelte component" />