Setiap file .svelte adalah satu komponen. Struktur komponen terdiri dari tiga bagian opsional:

Struktur Komponen

<script>
  // logika JavaScript
</script>

<!-- markup HTML -->

<style>
  /* CSS scoped ke komponen ini */
</style>

Menggunakan Komponen

<script>
  import Greeting from "./Greeting.svelte"
</script>

<Greeting />
<Greeting />

Aturan Penting

• Satu file = satu komponen
• Nama komponen menggunakan PascalCase saat import
• Style di <style> otomatis scoped ke komponen itu saja
• Komponen bisa dipakai berulang kali