From 60ece4fdcc1724e4c3b910acaee8dff113d050f7 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: Tue, 21 Dec 2021 13:50:34 +0300
Subject: [PATCH] Fixed #1914 - Error while dynamic remove SplitterPanel
 component

---
 src/components/splitter/Splitter.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/splitter/Splitter.vue b/src/components/splitter/Splitter.vue
index 817a0a138..d210403ae 100644
--- a/src/components/splitter/Splitter.vue
+++ b/src/components/splitter/Splitter.vue
@@ -1,14 +1,14 @@
 <template>
     <div :class="containerClass">
         <template v-for="(panel,i) of panels" :key="i" class="p-splitter-panel">
-             <component :is="panel"></component>
-             <div class="p-splitter-gutter" v-if="i !== (panels.length -1)" :style="gutterStyle"
+            <component :is="panel"></component>
+            <div class="p-splitter-gutter" v-if="i !== (panels.length -1)" :style="gutterStyle"
                 @mousedown="onGutterMouseDown($event, i)"
                 @touchstart="onGutterTouchStart($event, i)"
                 @touchmove="onGutterTouchMove($event, i)"
                 @touchend="onGutterTouchEnd($event, i)">
-                 <div class="p-splitter-gutter-handle"></div>
-             </div>
+                <div class="p-splitter-gutter-handle"></div>
+            </div>
         </template>
     </div>
 </template>
@@ -229,7 +229,7 @@ export default {
                     if (this.isSplitterPanel(child)) {
                         panels.push(child);
                     }
-                    else if (child.children.length > 0) {
+                    else if (child.children.length instanceof Array) {
                         child.children.forEach(nestedChild => {
                             if (this.isSplitterPanel(nestedChild)) {
                                 panels.push(nestedChild)