# 벤더사 검색 및 탐색 기능 구현

**Task ID:** T-015
**Status:** DONE
**Importance:** MUST
**Complexity:** 5/10
**Urgency:** 8/10
**Dependencies:** None

## Description

#### 설명
인플루언서가 벤더사를 조건(이름, 카테고리 등)으로 검색하고, 프로필/정보를 확인할 수 있는 리스트 뷰 및 검색 필터 기능을 구현합니다.

#### 구현 세부사항
1. API 설계 및 연동: GET /vendors?name=&category=&page=&size= 엔드포인트 구현 및 Axios 연동
2. 검색/필터 UI: Vue3 Composition API와 Vuetify의 v-text-field, v-select, v-data-table 컴포넌트 사용하여 조건 입력 및 결과 리스트 렌더링 
3. 페이징: 서버 응답에서 totalCount, currentPage, pageSize 반환 후 UI에 v-pagination 적용
4. 상세 조회: 리스트 아이템 클릭 시 라우터 네비게이션으로 /vendors/:id 페이지 이동, GET /vendors/{id} 호출하여 데이터 표시
5. 상태 관리: Pinia store modules.vendors에 검색조건, 결과, 로딩/에러 상태 관리

#### 테스트 전략
- 단위 테스트: Vitest와 Axios mock adapter를 활용하여 API 호출 및 상태 관리 로직 검증
- E2E 테스트: Cypress로 검색 필드에 조건 입력 후 결과 리스트 및 페이징 동작 검증
- UI 테스트: Vuetify 컴포넌트 렌더링 및 사용자 인터랙션(검색, 페이지 이동) 테스트

---

**Created:** 2025-07-21T06:24:11.558Z
**Updated:** 2025-07-22T06:14:42.143Z