<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>
