Svelte Playground

<script>
  let count = 0;
</script>

<main>
  <h1>Hello Svelte!</h1>
  <p>Count: {count}</p>
  <button on:click={() => count++}>Add one</button>
</main>

<style>
  main { font-family: system-ui; padding: 24px; }
  button { padding: 6px 12px; }
</style>