App.svelte 648 B

12345678910111213141516171819
  1. <page xmlns="tns" class="page">
  2. <actionBar title="My App" icon="" class="action-bar">
  3. </actionBar>
  4. <stackLayout class="p-20">
  5. <label text="Tap the button" class="h1 text-center"/>
  6. <button text="TAP" on:tap="{ onTap }" class="btn btn-primary btn-active"/>
  7. <label text="{ message }" class="h2 text-center" textWrap="true"/>
  8. </stackLayout>
  9. </page>
  10. <script>
  11. let counter = 42;
  12. let message;
  13. $: message = (counter <= 0)
  14. ? "Hoorraaay! You unlocked the Svelte-Native clicker achievement!"
  15. : `${counter} taps left`
  16. const onTap = () => counter--;
  17. </script>