feat: common paginator component (#9)
This commit is contained in:
parent
7969b53747
commit
e61f909f31
6 changed files with 49 additions and 42 deletions
17
components/common/CommonPaginator.vue
Normal file
17
components/common/CommonPaginator.vue
Normal file
|
@ -0,0 +1,17 @@
|
|||
<script setup lang="ts">
|
||||
import type { PaginatorState } from '~/types'
|
||||
|
||||
defineProps<{
|
||||
state: PaginatorState
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<slot />
|
||||
<div v-if="state === 'loading'" p5 color-gray-5>
|
||||
Loading...
|
||||
</div>
|
||||
<div v-if="state === 'done'" p5 color-gray>
|
||||
End of list
|
||||
</div>
|
||||
</template>
|
Loading…
Add table
Add a link
Reference in a new issue