From ce543979999a0b762128a50d8ee707b864a3b1b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=A5=98=ED=95=9C=EA=B2=BD?= <hangyeong.ryu@gmail.com>
Date: Thu, 26 May 2022 08:54:38 +0900
Subject: [PATCH] refactor(components): [result] switch to script-setup syntax
 (#7891)

---
 packages/components/result/src/result.ts  |  3 +-
 packages/components/result/src/result.vue | 41 ++++++++++-------------
 2 files changed, 20 insertions(+), 24 deletions(-)

diff --git a/packages/components/result/src/result.ts b/packages/components/result/src/result.ts
index 4d9435844a..2a65139375 100644
--- a/packages/components/result/src/result.ts
+++ b/packages/components/result/src/result.ts
@@ -35,7 +35,8 @@ export const resultProps = buildProps({
     default: '',
   },
   icon: {
-    values: ['success', 'warning', 'info', 'error'],
+    type: String,
+    values: ['success', 'warning', 'info', 'error'] as const,
     default: 'info',
   },
 } as const)
diff --git a/packages/components/result/src/result.vue b/packages/components/result/src/result.vue
index af55d91971..c1f21e8229 100644
--- a/packages/components/result/src/result.vue
+++ b/packages/components/result/src/result.vue
@@ -24,33 +24,28 @@
     </div>
   </div>
 </template>
-<script lang="ts">
-import { computed, defineComponent } from 'vue'
+<script lang="ts" setup>
+import { computed } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
 import { IconComponentMap, IconMap, resultProps } from './result'
-const COMPONENT_NAME = 'ElResult'
-export default defineComponent({
-  name: COMPONENT_NAME,
-  props: resultProps,
-  setup(props) {
-    const ns = useNamespace('result')
 
-    const resultIcon = computed(() => {
-      const icon = props.icon
-      const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'
-      const iconComponent =
-        IconComponentMap[iconClass] || IconComponentMap['icon-info']
+defineOptions({
+  name: 'ElResult',
+})
 
-      return {
-        class: iconClass,
-        component: iconComponent,
-      }
-    })
+const props = defineProps(resultProps)
 
-    return {
-      ns,
-      resultIcon,
-    }
-  },
+const ns = useNamespace('result')
+
+const resultIcon = computed(() => {
+  const icon = props.icon
+  const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'
+  const iconComponent =
+    IconComponentMap[iconClass] || IconComponentMap['icon-info']
+
+  return {
+    class: iconClass,
+    component: iconComponent,
+  }
 })
 </script>