From d4d411c936d7836a19d081998b2028cf6de303db Mon Sep 17 00:00:00 2001
From: zhangenming <282126346@qq.com>
Date: Tue, 30 Aug 2022 21:23:13 +0800
Subject: [PATCH] refactor(icon): reduce getter access (#9360)

* Update icon.vue

* Update icon.vue
---
 packages/components/icon/src/icon.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/components/icon/src/icon.vue b/packages/components/icon/src/icon.vue
index 40bd94605a..c553b591f0 100644
--- a/packages/components/icon/src/icon.vue
+++ b/packages/components/icon/src/icon.vue
@@ -19,11 +19,12 @@ const props = defineProps(iconProps)
 const ns = useNamespace('icon')
 
 const style = computed<CSSProperties>(() => {
-  if (!props.size && !props.color) return {}
+  const { size, color } = props
+  if (!size && !color) return {}
 
   return {
-    fontSize: isUndefined(props.size) ? undefined : addUnit(props.size),
-    '--color': props.color,
+    fontSize: isUndefined(size) ? undefined : addUnit(size),
+    '--color': color,
   }
 })
 </script>