Sveltedesktop Development Tutorials, Guides & Insights

<script>
  let count = 0;
  const increment = () => count += 1;
</script>

<main>
  <h1>Welcome to Tauri + Svelte Desktop App</h1>
  <p>Current count: {count}</p>
  <button on:click={increment}>Increment</button>
</main>

<style>
  main {
    text-align: center;
    padding: 2rem;
    font-family: Arial, sans-serif;
  }
  button {
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
</style>

This simple component displays a title, a count, and a button to update the count.