refactor: 더보기 버튼 LoadMore 컴포넌트로 통일 (Phase 3-2)
목록 페이지네이션 '더보기' 버튼 마크업/문구를 LoadMore 로 추출(전역 .load-more 사용).
- 프로젝트 목록/상세, 내 업무, 프로젝트 활동 4곳 적용
- 활동 화면의 비표준 .more-row/.more-btn 제거하고 표준 .load-more 로 통일
('더 보기' → '더보기' 문구도 통일)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,17 @@
|
||||
<script setup lang="ts">
|
||||
// 목록 페이지네이션 '더보기' 버튼 공용 컴포넌트 — 전역 .load-more 스타일 사용.
|
||||
// 부모는 보통 v-if="hasMore" 로 노출하고, @load 에서 다음 페이지를 불러온다.
|
||||
defineProps<{ loading?: boolean }>()
|
||||
const emit = defineEmits<{ (e: 'load'): void }>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<button
|
||||
class="load-more"
|
||||
type="button"
|
||||
:disabled="loading"
|
||||
@click="emit('load')"
|
||||
>
|
||||
{{ loading ? '불러오는 중…' : '더보기' }}
|
||||
</button>
|
||||
</template>
|
||||
Reference in New Issue
Block a user