refactor(icon): reduce getter access (#9360)

* Update icon.vue * Update icon.vue
element-plus · Aug 30, 2022 · d4d411c · d4d411c
1 parent 954b840
commit d4d411c
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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>