Component Structure

FakeComponent.svelte

<!-- Script Section -->
<!-- Define a variable 'name' with the initial value 'World' -->
<script>
  let name = 'World';
</script>

<!-- Markup Section -->
<!-- Display a greeting message with the value of the 'name' variable -->
<h1>Hello, {name}!</h1>

<!-- Style Section -->
<!-- Apply blue color to the h1 element -->
<style>
  h1 {
    color: blue;
  }
</style>