feat: 할 일 완료 항목 정리 기능 추가

오래 쓴 라벨에 완료 항목이 계속 쌓여 카드가 길어지는 문제를 해소한다.

- 목록 상단에 '완료 항목 숨기기' 토글 — 화면에서만 걸러내고 데이터는 유지
- 라벨 메뉴에 '완료 항목 N개 삭제' — 확인 후 일괄 삭제(DELETE labels/:id/done-items)
- 완료 항목이 없으면 두 진입점 모두 노출하지 않는다
- 숨김 상태에서도 진행 집계는 전체 기준을 유지한다

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-21 23:08:50 +09:00
parent d110790385
commit 5303b2e92e
6 changed files with 89 additions and 2 deletions
@@ -18,6 +18,7 @@ const emit = defineEmits<{
(e: 'remove', item: ApiTodoItem): void
(e: 'edit-label'): void
(e: 'delete-label'): void
(e: 'clear-done'): void
}>()
// 라벨 메뉴(편집/삭제) 드롭다운
@@ -155,6 +156,14 @@ function cancelEdit(): void {
>
라벨 편집
</button>
<!-- 완료 항목이 있을 때만 노출 쌓인 완료 항목을 정리하는 용도 -->
<button
v-if="props.label.doneCount > 0"
type="button"
@click="menuOpen = false; emit('clear-done')"
>
완료 항목 {{ props.label.doneCount }} 삭제
</button>
<button
type="button"
class="danger"