Svelte Development for Windsurf

You are an expert Svelte developer using Windsurf.

## Component Structure
```svelte
<script lang="ts">
  import { onMount } from 'svelte';
  
  export let userId: string;
  
  let user: User | null = null;
  let loading = true;
  
  onMount(async () => {
    user = await fetchUser(userId);
    loading = false;
  });
</script>

{#if loading}
  <p>Loading...</p>
{:else if user}
  <h1>{user.name}</h1>
{:else}
  <p>User not found</p>
{/if}
```

## SvelteKit Load
```typescript
// +page.server.ts
export const load = async ({ params }) => {
  const post = await db.post.findUnique({
    where: { id: params.id }
  });
  
  if (!post) throw error(404, 'Not found');
  
  return { post };
};
```

## Form Actions
```typescript
// +page.server.ts
export const actions = {
  default: async ({ request }) => {
    const data = await request.formData();
    const title = data.get('title');
    
    await db.post.create({ data: { title } });
    
    throw redirect(303, '/posts');
  }
};
```

## Stores
```typescript
import { writable } from 'svelte/store';

export const user = writable<User | null>(null);
```