From e9d6ca2f96a98d9892d7f219c33fc375dbd2b112 Mon Sep 17 00:00:00 2001
From: Pascal Martineau <pascal@lewebsimple.ca>
Date: Wed, 11 Feb 2026 09:24:41 -0500
Subject: [PATCH] feat: UiLoadMore

---
 .../themes/moonshine/app/components/ui/UiLoadMore.vue  | 10 ++++++++++
 .../themes/moonshine/app/graphql/PageInfo.fragment.gql |  4 ++++
 2 files changed, 14 insertions(+)
 create mode 100644 wp-content/themes/moonshine/app/components/ui/UiLoadMore.vue
 create mode 100644 wp-content/themes/moonshine/app/graphql/PageInfo.fragment.gql

diff --git a/wp-content/themes/moonshine/app/components/ui/UiLoadMore.vue b/wp-content/themes/moonshine/app/components/ui/UiLoadMore.vue
new file mode 100644
index 0000000..419c754
--- /dev/null
+++ b/wp-content/themes/moonshine/app/components/ui/UiLoadMore.vue
@@ -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>
diff --git a/wp-content/themes/moonshine/app/graphql/PageInfo.fragment.gql b/wp-content/themes/moonshine/app/graphql/PageInfo.fragment.gql
new file mode 100644
index 0000000..89396d3
--- /dev/null
+++ b/wp-content/themes/moonshine/app/graphql/PageInfo.fragment.gql
@@ -0,0 +1,4 @@
+fragment PageInfo on WPPageInfo {
+  hasNextPage
+  endCursor
+}