Skip to content

Commit 62f64cc

Browse files
J-MichalekJakubbenjamincanac
authored
fix(Pagination): make ellipsis non-interactive (#5081)
Co-authored-by: Jakub <[email protected]> Co-authored-by: Benjamin Canac <[email protected]>
1 parent f531807 commit 62f64cc

File tree

3 files changed

+46
-30
lines changed

3 files changed

+46
-30
lines changed

src/runtime/components/Pagination.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -152,8 +152,8 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.pagination |
152152
</slot>
153153
</PaginationPrev>
154154

155-
<template v-for="(item, index) in items">
156-
<PaginationListItem v-if="item.type === 'page'" :key="index" as-child :value="item.value" :class="ui.item({ class: props.ui?.item })">
155+
<template v-for="(item, index) in items" :key="index">
156+
<PaginationListItem v-if="item.type === 'page'" as-child :value="item.value" :class="ui.item({ class: props.ui?.item })">
157157
<slot name="item" v-bind="{ item, index, page, pageCount }">
158158
<UButton
159159
:color="page === item.value ? activeColor : color"
@@ -167,9 +167,9 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.pagination |
167167
</slot>
168168
</PaginationListItem>
169169

170-
<PaginationEllipsis v-else :key="item.type" :index="index" as-child :class="ui.ellipsis({ class: props.ui?.ellipsis })">
170+
<PaginationEllipsis v-else as-child :class="ui.ellipsis({ class: props.ui?.ellipsis })">
171171
<slot name="ellipsis">
172-
<UButton :color="color" :variant="variant" :size="size" :icon="ellipsisIcon || appConfig.ui.icons.ellipsis" />
172+
<UButton as="div" :color="color" :variant="variant" :size="size" :icon="ellipsisIcon || appConfig.ui.icons.ellipsis" />
173173
</slot>
174174
</PaginationEllipsis>
175175
</template>

0 commit comments

Comments
 (0)