<!– This file is made up from several examples on svelte.dev/examples and is not expected to function. –> <script lang=“ts”>

import Image from './Image.svelte';

let src: string = '/tutorial/image.gif';
let count: number = 1;
$: doubled = count * 2;  // the `$:` is special in svelte

</script>

<Image {src} bind:alt=“{name.capitalize()} dancing” user={name.toUpperCase(false, 42, {key: ‘value’})}

tooltip="I'm helping" false text=asdf on:message={handleMessage} />

{#await loadSrc(src)}

loading...

{:then data}

{#each cats as { name }, i}
    <li>{name}</li>
{/each}

<!-- Keyed Each Block -->
{#each cats as cat (cat.id)}
    <li>{cat.name}</li>
{/each}

{:catch err}

{@debug err}
{#await solveErr(err, {x: 'asdf'}) then reason}{@html reason}{/await}

{/await}

<style>p {font-family: ‘Comic Sans MS’, cursive;}</style>