From 0e6ff4f9a97dbe86c5f43acb0008f321c0a110e2 Mon Sep 17 00:00:00 2001
From: wzrove <88016243+wzrove@users.noreply.github.com>
Date: Sat, 12 Mar 2022 21:31:24 +0800
Subject: [PATCH] refactor(components): [divider] switch to script-setup
 (#6556)

Co-authored-by: rove <rove@outlook.com>
---
 packages/components/divider/src/divider.vue | 30 +++++++--------------
 1 file changed, 10 insertions(+), 20 deletions(-)

diff --git a/packages/components/divider/src/divider.vue b/packages/components/divider/src/divider.vue
index d0a1056e70..230570a5ec 100644
--- a/packages/components/divider/src/divider.vue
+++ b/packages/components/divider/src/divider.vue
@@ -9,30 +9,20 @@
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, computed } from 'vue'
+<script lang="ts" setup>
+import { computed } from 'vue'
 import { useNamespace } from '@element-plus/hooks'
-
 import { dividerProps } from './divider'
 import type { CSSProperties } from 'vue'
 
-export default defineComponent({
+defineOptions({
   name: 'ElDivider',
-  props: dividerProps,
-
-  setup(props) {
-    const ns = useNamespace('divider')
-
-    const dividerStyle = computed(() => {
-      return {
-        '--el-border-style': props.borderStyle,
-      } as CSSProperties
-    })
-
-    return {
-      ns,
-      dividerStyle,
-    }
-  },
+})
+const props = defineProps(dividerProps)
+const ns = useNamespace('divider')
+const dividerStyle = computed(() => {
+  return {
+    '--el-border-style': props.borderStyle,
+  } as CSSProperties
 })
 </script>