From 82484bab98a41aeaf2d64011d6aaca7afcf84fee Mon Sep 17 00:00:00 2001
From: Anas Boudih <metanas@pre-history.com>
Date: Thu, 19 May 2022 15:20:55 +0100
Subject: [PATCH] refactor(components): [pagination/prev] switch to
 script-setup syntax (#7745)

* refactor(components): [pagination/prev] switch to script-setup syntax

* fix(components): [pagination/prev] cast props to const

* fix(components): [pagination/prev] extract emits to utility file

* fix(components): [pagination/prev] remove prop default

Co-authored-by: metanas <matanas@pre-history.com>
---
 .../pagination/src/components/prev.ts         | 22 ++++++++++
 .../pagination/src/components/prev.vue        | 42 +++++--------------
 2 files changed, 33 insertions(+), 31 deletions(-)
 create mode 100644 packages/components/pagination/src/components/prev.ts

diff --git a/packages/components/pagination/src/components/prev.ts b/packages/components/pagination/src/components/prev.ts
new file mode 100644
index 0000000000..c84e96ed94
--- /dev/null
+++ b/packages/components/pagination/src/components/prev.ts
@@ -0,0 +1,22 @@
+import { buildProps } from '@element-plus/utils'
+import type { ExtractPropTypes } from 'vue'
+import type Prev from './prev.vue'
+
+export const paginationPrevProps = buildProps({
+  disabled: Boolean,
+  currentPage: {
+    type: Number,
+    default: 1,
+  },
+  prevText: {
+    type: String,
+  },
+} as const)
+
+export const paginationPrevEmits = {
+  click: (evt: MouseEvent) => evt instanceof MouseEvent,
+}
+
+export type PaginationPrevProps = ExtractPropTypes<typeof paginationPrevProps>
+
+export type PrevInstance = InstanceType<typeof Prev>
diff --git a/packages/components/pagination/src/components/prev.vue b/packages/components/pagination/src/components/prev.vue
index 3d595ef969..07216d4879 100644
--- a/packages/components/pagination/src/components/prev.vue
+++ b/packages/components/pagination/src/components/prev.vue
@@ -11,40 +11,20 @@
   </button>
 </template>
 
-<script lang="ts">
-import { computed, defineComponent } from 'vue'
+<script lang="ts" setup>
+import { computed } from 'vue'
 import { ElIcon } from '@element-plus/components/icon'
 import { ArrowLeft } from '@element-plus/icons-vue'
+import { paginationPrevEmits, paginationPrevProps } from './prev'
 
-const paginationPrevProps = {
-  disabled: Boolean,
-  currentPage: {
-    type: Number,
-    default: 1,
-  },
-  prevText: {
-    type: String,
-    default: '',
-  },
-} as const
-
-export default defineComponent({
+defineOptions({
   name: 'ElPaginationPrev',
-
-  components: {
-    ElIcon,
-    ArrowLeft,
-  },
-  props: paginationPrevProps,
-  emits: ['click'],
-
-  setup(props) {
-    const internalDisabled = computed(
-      () => props.disabled || props.currentPage <= 1
-    )
-    return {
-      internalDisabled,
-    }
-  },
 })
+
+const props = defineProps(paginationPrevProps)
+defineEmits(paginationPrevEmits)
+
+const internalDisabled = computed(
+  () => props.disabled || props.currentPage <= 1
+)
 </script>