Svelte-Fluid Hello World's App.svelte

App.svelte

<script>
  export let store;

  const getDieUnicode = (value) => String.fromCodePoint(0x267F + value); 
</script>

<style></style>

<div class="text-center">
  <div style="font-size: 200px; color: {`hsl(${$store * 60}, 70%, 50%)`}">
    {getDieUnicode($store)}
  </div>
  <button
    on:click={store.roll}
    class="text-5xl bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded"
  >
    Roll
  </button>
</div>

<div>{$store}</div>