.svelte file. The
App.svelte file, open in the code editor to the right, is a simple component.
A component that just renders some static markup isn't very interesting. Let's add some data.
First, add a script tag to your component and declare a
<script> let name = 'Svelte'; </script> <h1>Hello world!</h1>
Then, we can refer to
name in the markup:
name.toUpperCase() for a shoutier greeting.