From dd9f38fd350220e259579d6bb003b5d0d41dfffb Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 13 Mar 2024 16:12:26 +0300
Subject: [PATCH] Refactor #4833

---
 components/lib/tree/Tree.d.ts    | 4 ++--
 components/lib/tree/TreeNode.vue | 8 ++------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/components/lib/tree/Tree.d.ts b/components/lib/tree/Tree.d.ts
index 6a8afc5f1..a394dc2b1 100755
--- a/components/lib/tree/Tree.d.ts
+++ b/components/lib/tree/Tree.d.ts
@@ -11,7 +11,7 @@ import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import { TreeNode } from '../treenode';
-import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers';
 
 export declare type TreePassThroughOptionType<T = any> = TreePassThroughAttributes | ((options: TreePassThroughMethodOptions<T>) => TreePassThroughAttributes | string) | string | null | undefined;
 
@@ -356,7 +356,7 @@ export interface TreeSlots {
      * Custom node icon template.
      * @param {Object} scope - togglericon slot's params.
      */
-    nodeIcon(scope: {
+    nodeicon(scope: {
         /**
          * Tree node instance
          */
diff --git a/components/lib/tree/TreeNode.vue b/components/lib/tree/TreeNode.vue
index 2c951d24d..015629953 100755
--- a/components/lib/tree/TreeNode.vue
+++ b/components/lib/tree/TreeNode.vue
@@ -32,12 +32,8 @@
                     <component v-else :is="checked ? 'CheckIcon' : partialChecked ? 'MinusIcon' : null" :class="slotProps.class" v-bind="getPTOptions('nodeCheckbox.icon')" />
                 </template>
             </Checkbox>
-            <template v-if="templates['nodeIcon']">
-                <component :is="templates['nodeIcon']" v-bind="getPTOptions('nodeIcon')" :class="cx('nodeIcon')" :node="node"></component>
-            </template>
-            <template v-else>
-                <span :class="[cx('nodeIcon'), node.icon]" v-bind="getPTOptions('nodeIcon')"></span>
-            </template>
+            <component v-if="templates['nodeicon']" :is="templates['nodeicon']" :node="node"></component>
+            <span v-else :class="[cx('nodeIcon'), node.icon]" v-bind="getPTOptions('nodeIcon')"></span>
             <span :class="cx('label')" v-bind="getPTOptions('label')" @keydown.stop>
                 <component v-if="templates[node.type] || templates['default']" :is="templates[node.type] || templates['default']" :node="node" />
                 <template v-else>{{ label(node) }}</template>