docs(Pagination): use composition api

src/pagination/README.md

@@ -19,11 +19,12 @@ app.use(Pagination);
 ```
 
 ```js
+import { ref } from 'vue';
+
 export default {
-  data() {
+  setup() {
-    return {
+    const currentPage = ref(1);
-      currentPage: 1,
+    return { currentPage };
-    };
   },
 };
 ```

src/pagination/README.zh-CN.md

@@ -21,11 +21,12 @@ app.use(Pagination);
 ```
 
 ```js
+import { ref } from 'vue';
+
 export default {
-  data() {
+  setup() {
-    return {
+    const currentPage = ref(1);
-      currentPage: 1,
+    return { currentPage };
-    };
   },
 };
 ```

src/pagination/demo/index.vue

@@ -48,9 +48,11 @@
   </demo-block>
 </template>
 
-<script>
+<script lang="ts">
-export default {
+import { reactive, toRefs } from 'vue';
-  i18n: {
+import { useTranslate } from '@demo/use-translate';
+
+const i18n = {
   'zh-CN': {
     title2: '简单模式',
     title3: '显示省略号',
@@ -65,14 +67,21 @@ export default {
     prevText: 'Prev',
     nextText: 'Next',
   },
-  },
+};
 
-  data() {
+export default {
-    return {
+  setup() {
+    const t = useTranslate(i18n);
+    const state = reactive({
       currentPage1: 1,
       currentPage2: 1,
       currentPage3: 1,
       currentPage4: 1,
+    });
+
+    return {
+      ...toRefs(state),
+      t,
     };
   },
 };