Tri des images + infinite scroll #17

Open
opened 2026-04-13 23:40:58 +02:00 by Balam · 0 comments
Owner

Objectif

Ajouter le tri et le chargement infini sur la page d'accueil.

Fichiers

  • Modifier server/api/images/index.get.ts (params sort + pagination)
  • Modifier app/pages/index.vue
  • Créer app/composables/useGallery.ts

Paramètres de tri

  • ?sort=recent (défaut) — par createdAt DESC
  • ?sort=views — par views DESC
  • ?sort=random — ORDER BY RANDOM()

Infinite scroll

  • useIntersectionObserver (VueUse) sur un sentinel div en bas de page
  • Charger la page suivante quand le sentinel est visible
  • useLazyAsyncData pour le chargement différé

Validation

  • Les 3 tris fonctionnent
  • Infinite scroll charge la page suivante automatiquement
  • Pas de doublons entre les pages
## Objectif Ajouter le tri et le chargement infini sur la page d'accueil. ## Fichiers - Modifier `server/api/images/index.get.ts` (params sort + pagination) - Modifier `app/pages/index.vue` - Créer `app/composables/useGallery.ts` ## Paramètres de tri - `?sort=recent` (défaut) — par createdAt DESC - `?sort=views` — par views DESC - `?sort=random` — ORDER BY RANDOM() ## Infinite scroll - `useIntersectionObserver` (VueUse) sur un sentinel div en bas de page - Charger la page suivante quand le sentinel est visible - `useLazyAsyncData` pour le chargement différé ## Validation - Les 3 tris fonctionnent - Infinite scroll charge la page suivante automatiquement - Pas de doublons entre les pages
Balam added this to the Galerie V1 project 2026-04-13 23:44:10 +02:00
Sign in to join this conversation.
No description provided.