Cursor rule

1---
2globs: *.ts,*.tsx
3---
4 
5# TypeScript Conventions
6 
7## Import Organization
8 
9Follow strict import ordering as defined in ESLint config:
10 
111. **React imports** (first)
122. **External libraries** (alphabetical)
133. **Internal modules** (alphabetical)
144. **Type imports** (separate group)
15 
16```typescript
17import React from 'react';
18import { NextPage } from 'next';
19 
20import { Button } from '@/components/common';
21import { apiClient } from '@/lib/api';
22 
23import type { Product } from '@/types/product';
24import type { ApiResponse } from '@/types/api';
25```
26 
27## Type Definitions
28 
29- Use `type` imports for type-only imports
30- Define interfaces for component props
31- Use strict TypeScript configuration
32- Avoid `any` type - use `unknown` or proper typing
33 
34## Function Components
35 
36Use arrow function syntax for React components:
37 
38```typescript
39const MyComponent = ({ prop1, prop2 }: ComponentProps) => {
40  return <div>{prop1}</div>;
41};
42```
43 
44## File Naming
45 
46- **Components**: PascalCase (`Button.tsx`)
47- **Utilities**: camelCase (`api-helpers.ts`)
48- **Types**: camelCase (`product.ts`)
49- **Constants**: UPPER_SNAKE_CASE (`API_ENDPOINTS.ts`)
50 
51## ESLint Rules
52 
53- `@typescript-eslint/consistent-type-imports`: Always use type imports
54- `@typescript-eslint/consistent-type-exports`: Always use type exports
55- `@typescript-eslint/no-unused-vars`: Warn on unused vars (ignore `_` prefix)
56- `@typescript-eslint/no-explicit-any`: Warn on `any` usage