Claude Context Local

<!-- Svelte 5 test file -->
<script context="module">
    export function moduleFunction() {
        return 'module scope';
    }
</script>

<script>
    import { onMount } from 'svelte';
    
    let { name = 'World' } = $props();
    let count = $state(0);
    let items = $state([]);
    
    onMount(async () => {
        const response = await fetch('/api/items');
        items = await response.json();
    });
    
    function handleClick() {
        count += 1;
    }
    
    class DataStore {
        data = $state([]);
        
        add(item) {
            this.data.push(item);
        }
    }
    
    let store = new DataStore();
</script>

<style>
    h1 {
        color: purple;
    }
    
    .counter {
        padding: 1rem;
        border: 1px solid #ccc;
    }
</style>

<main>
    <h1>Hello {name}!</h1>
    <div class="counter">
        <p>Count: {count}</p>
        <button onclick={handleClick}>
            Increment
        </button>
    </div>
    
    {#each items as item}
        <p>{item.name}</p>
    {/each}
</main>