No description
- TypeScript 59.7%
- Vue 34.3%
- JavaScript 5.3%
- SCSS 0.5%
- HTML 0.2%
| .vscode | ||
| e2e | ||
| public | ||
| references | ||
| requirements | ||
| src | ||
| .gitignore | ||
| Agent.md | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| playwright.config.ts | ||
| README.md | ||
| requirements.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
Generative Tab UI Demo
TV 시나리오 기반 Generative Tab 데모 앱입니다.
Stack
- Vue 3 + Vite + TypeScript
- Pinia + Vue Router
- SCSS design tokens
- MSW (mock REST API)
- Vitest + Playwright
Run
npm install
npm run dev
기본 주소: http://localhost:5173
Mock Scenario
쿼리 파라미터로 API 상태를 전환할 수 있습니다.
- 성공:
/?scenario=success - 로딩 지연:
/?scenario=loading - 에러:
/?scenario=error
Test
npm run test:unit
npm run test:e2e
npm test
Project Shape
src/features/tv-home: TV 홈/포커스/컴포넌트/스토어src/shared/api: REST 클라이언트, 매퍼, MSW 핸들러src/shared/types: 공용 도메인 타입