Tri des images + infinite scroll #17

New issue

Open

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

Balam commented

2026-04-13 23:40:58 +02:00

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 Phase 6 — Suppression + Exploration milestone

2026-04-13 23:40:58 +02:00

Balam added the

phase-6

nuxt

labels

2026-04-13 23:40:58 +02:00

Balam added this to the Galerie V1 project

2026-04-13 23:44:10 +02:00