feat: UiLoadMore
This commit is contained in:
10
wp-content/themes/moonshine/app/components/ui/UiLoadMore.vue
Normal file
10
wp-content/themes/moonshine/app/components/ui/UiLoadMore.vue
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
defineProps<{ hasNextPage: boolean; isLoadingMore: boolean }>();
|
||||||
|
defineEmits<{ loadMore: [] }>();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div v-if="hasNextPage" class="flex justify-center">
|
||||||
|
<UButton @click="$emit('loadMore')" :loading="isLoadingMore"> En voir plus </UButton>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
fragment PageInfo on WPPageInfo {
|
||||||
|
hasNextPage
|
||||||
|
endCursor
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user