doc: updated doc

docs/components/pagination/examples/PaginationExample.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="vp-raw flex flex-col">
+  <div class="vp-raw">
     <Pagination v-model="currentPage" :total-pages="100"></Pagination>
   </div>
 </template>

docs/components/pagination/examples/PaginationTableExample.vue

@@ -2,8 +2,8 @@
   <div class="vp-raw flex items-center justify-center text-center">
     <Pagination
       v-model="currentPage"
-      :total-pages="100"
       :layout="'table'"
+      :per-page="10"
       :total-items="998"
     ></Pagination>
   </div>

docs/components/pagination/examples/PaginationWithCustomSlice.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="vp-raw">
+    <Pagination v-model="currentPage" :total-pages="100" :slice-length="4"></Pagination>
+  </div>
+</template>
+<script lang="ts" setup>
+import { Pagination } from '../../../../src/index'
+import { ref } from 'vue'
+
+const currentPage = ref<number>(1)
+</script>