From 586c2f563cf62d6a6a7c264b20ad3e5133a2f46a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Tue, 11 Apr 2023 09:48:49 +0300
Subject: [PATCH] Refactor #3832 Refactor #3833 - For Fieldset

---
 components/lib/fieldset/Fieldset.vue | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/components/lib/fieldset/Fieldset.vue b/components/lib/fieldset/Fieldset.vue
index e570ec442..ecbf29b87 100755
--- a/components/lib/fieldset/Fieldset.vue
+++ b/components/lib/fieldset/Fieldset.vue
@@ -18,7 +18,7 @@
                 v-bind="{ ...toggleButtonProps, ...ptm('toggler') }"
             >
                 <slot name="togglericon" :collapsed="d_collapsed">
-                    <span :class="iconClass" v-bind="ptm('togglericon')"></span>
+                    <component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" v-bind="ptm('togglericon')" class="p-fieldset-toggler" />
                 </slot>
                 <slot name="legend">
                     <span class="p-fieldset-legend-text" v-bind="ptm('legendtitle')">{{ legend }}</span>
@@ -38,6 +38,8 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
 import Ripple from 'primevue/ripple';
+import MinusIcon from 'primevue/icon/minus';
+import PlusIcon from 'primevue/icon/plus';
 import { UniqueComponentId } from 'primevue/utils';
 
 export default {
@@ -80,15 +82,6 @@ export default {
         }
     },
     computed: {
-        iconClass() {
-            return [
-                'p-fieldset-toggler pi ',
-                {
-                    'pi-minus': !this.d_collapsed,
-                    'pi-plus': this.d_collapsed
-                }
-            ];
-        },
         ariaId() {
             return UniqueComponentId();
         },
@@ -98,6 +91,10 @@ export default {
     },
     directives: {
         ripple: Ripple
+    },
+    components: {
+        PlusIcon,
+        MinusIcon
     }
 };
 </script>