Pagination (分页)

<script setup lang="ts">
import { ref } from 'vue'
const page = ref(1)
</script>

<template>
  <div>
    <KunPagination v-model:current-page="page" :total-page="20" />
    <p class="text-default-600 mt-3 text-sm">Page: {{ page }}</p>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const page = ref(1)
</script>

<template>
  <KunPagination v-model:current-page="page" :total-page="5" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
const page = ref(3)
</script>

<template>
  <KunPagination v-model:current-page="page" :total-page="20" :is-loading="true" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
const page = ref(1)
const pageHref = (n: number) => `#/page/${n}`
</script>

<template>
  <KunPagination
    v-model:current-page="page"
    :total-page="20"
    :page-href="pageHref"
  />
</template>