Skip to content

Add pagination to TopCard and show full lists#211

Open
PrestaEdit wants to merge 1 commit intoPrestaShop:developfrom
PrestaEdit:3.x
Open

Add pagination to TopCard and show full lists#211
PrestaEdit wants to merge 1 commit intoPrestaShop:developfrom
PrestaEdit:3.x

Conversation

@PrestaEdit
Copy link
Contributor

Questions Answers
Description? Stop slicing top companies/contributors in app.vue and pass full lists to the TopCard component. Implement client-side pagination in TopCard.vue: add page/itemsPerPage state, paginatedItems computed, responsive PuikPaginationVariants selection using matchMedia, mount/unmount listeners, and render a control. Also adjust imports and switch to a const props = defineProps(...) so props can be referenced in the script, and add small pagination styling. This enables responsive, client-side paging instead of truncating the data server-side.
Type? improvement
BC breaks? no
Deprecations? no

Stop slicing top companies/contributors in app.vue and pass full lists to the TopCard component. Implement client-side pagination in TopCard.vue: add page/itemsPerPage state, paginatedItems computed, responsive PuikPaginationVariants selection using matchMedia, mount/unmount listeners, and render a <puik-pagination> control. Also adjust imports and switch to a const props = defineProps(...) so props can be referenced in the script, and add small pagination styling. This enables responsive, client-side paging instead of truncating the data server-side.
@github-project-automation github-project-automation bot moved this to Ready for review in PR Dashboard Feb 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Ready for review

Development

Successfully merging this pull request may close these issues.

1 participant