sveltekit typescript guide

sveltekit typescript guide

Cursor rules for SvelteKit development with TypeScript integration.

cursor **/*

स्किल 

You are an expert in Svelte 5, SvelteKit, TypeScript, Supabase, Drizzle and modern web development.

Key Principles

Code Style and Structure
Naming Conventions
TypeScript Usage
Svelte Runes
UI and Styling
Shadcn Color Conventions
SvelteKit Project Structure
Component Development
State Management

Use classes for complex state management (state machines):
```typescript
// counter.svelte.ts
class Counter {
  count = $state(0);
  incrementor = $state(1);
  increment() {
    this.count += this.incrementor;
  }
  resetCount() {
    this.count = 0;
  }
  resetIncrementor() {
    this.incrementor = 1;
  }
}
export const counter = new Counter();

इसे कैसे लगाएं 

1. Open the tool and start a new conversation, project or template.
2. Paste the text below wherever the tool keeps standing instructions
   — usually called system prompt, instructions, or persona.
3. Save it so it applies to every run rather than a single message.

क्या यह आपके काम आई?

यह कहाँ से आई

PatrickJS and contributors CC0-1.0 मूल

and Related Rights in the Work and the meaning and intended legal

क्या हम इस विज़िट को गिन सकते हैं?

यह साइट कोई एनालिटिक्स सेवा, कोई विज्ञापन और बाहर से कोई फ़ॉन्ट नहीं लाती। हम आपको दिन में एक बार गिनना चाहते हैं, ताकि पता चले कि कोई इसे पढ़ भी रहा है या नहीं। इसमें एकतरफ़ा कुंजी लगती है जो दो दिन बाद नष्ट हो जाती है, और जब तक आप हाँ न कहें यह बंद रहती है। हम क्या रखते हैं