From 5296fc2bd30271f6f4cb94c7b05ff969d2eb4aab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 25 May 2023 17:42:11 +0300
Subject: [PATCH] Refactor #3965 - For Chip

---
 components/lib/chip/BaseChip.vue | 4 ++--
 components/lib/chip/Chip.vue     | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/lib/chip/BaseChip.vue b/components/lib/chip/BaseChip.vue
index a8697fb4c..5099c634f 100644
--- a/components/lib/chip/BaseChip.vue
+++ b/components/lib/chip/BaseChip.vue
@@ -33,9 +33,9 @@ const classes = {
             'p-chip-image': props.image != null
         }
     ],
-    icon: ({ props }) => ['p-chip-icon', props.icon],
+    icon: 'p-chip-icon',
     label: 'p-chip-text',
-    removeIcon: ({ props }) => ['p-chip-remove-icon', props.removeIcon]
+    removeIcon: 'p-chip-remove-icon'
 };
 
 const { load: loadStyle } = useStyle(styles, { id: 'primevue_chip_style', manual: true });
diff --git a/components/lib/chip/Chip.vue b/components/lib/chip/Chip.vue
index 4c847c913..c9dbb2abd 100644
--- a/components/lib/chip/Chip.vue
+++ b/components/lib/chip/Chip.vue
@@ -3,18 +3,18 @@
         <slot>
             <img v-if="image" :src="image" v-bind="ptm('image')" />
             <component v-else-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />
-            <span v-else-if="icon" :class="cx('icon')" v-bind="ptm('icon')" />
+            <span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')" />
             <div v-if="label" :class="cx('label')" v-bind="ptm('label')">{{ label }}</div>
         </slot>
         <slot v-if="removable" name="removeicon" :onClick="close" :onKeydown="onKeydown">
-            <component :is="removeIcon ? 'span' : 'TimesCircleIcon'" tabindex="0" :class="cx('removeIcon')" @click="close" @keydown="onKeydown" v-bind="ptm('removeIcon')"></component>
+            <component :is="removeIcon ? 'span' : 'TimesCircleIcon'" tabindex="0" :class="[cx('removeIcon'), removeIcon]" @click="close" @keydown="onKeydown" v-bind="ptm('removeIcon')"></component>
         </slot>
     </div>
 </template>
 
 <script>
-import BaseChip from './BaseChip.vue';
 import TimesCircleIcon from 'primevue/icons/timescircle';
+import BaseChip from './BaseChip.vue';
 
 export default {
     name: 'Chip',