{"filename":"svelte.mdc","content":"---\ndescription: \"Svelte best practices and patterns for modern web applications\"\nglobs: **/*.svelte, src/**/*.ts, src/**/*.js\nalwaysApply: false\n---\n# Svelte Best Practices\n\n## Component Structure\n- Keep components small and focused\n- Use proper TypeScript integration\n- Implement proper props typing\n- Use proper event dispatching\n- Keep markup clean and readable\n- Use proper slot implementation\n\n## Reactivity\n- Use proper reactive declarations\n- Implement proper stores\n- Use proper reactive statements\n- Handle derived values properly\n- Use proper lifecycle functions\n- Implement proper bindings\n\n## State Management\n- Use proper Svelte stores\n- Keep stores modular\n- Use proper derived stores\n- Implement proper actions\n- Handle async state properly\n- Use proper store subscriptions\n\n## Performance\n- Use proper component lazy loading\n- Implement proper transitions\n- Use proper animations\n- Avoid unnecessary reactivity\n- Use proper event forwarding\n- Implement proper key blocks\n\n## Routing\n- Use SvelteKit for routing\n- Implement proper layouts\n- Use proper route parameters\n- Handle loading states properly\n- Implement proper error pages\n- Use proper navigation methods\n\n## Forms\n- Use proper form bindings\n- Implement proper validation\n- Handle form submission properly\n- Show proper loading states\n- Use proper error handling\n- Implement proper form reset\n\n## TypeScript Integration\n- Use proper component types\n- Implement proper prop types\n- Use proper event types\n- Handle proper type inference\n- Use proper store types\n- Implement proper action types\n\n## Testing\n- Write proper unit tests\n- Implement proper component tests\n- Use proper testing libraries\n- Test stores properly\n- Implement proper mocking\n- Test async operations\n\n## Best Practices\n- Follow Svelte style guide\n- Use proper naming conventions\n- Keep components organized\n- Implement proper error handling\n- Use proper event handling\n- Document complex logic\n\n## Build and Tooling\n- Use Vite for development\n- Configure proper build setup\n- Use proper environment variables\n- Implement proper code splitting\n- Use proper asset handling\n- Configure proper optimization\n"}