fix: hide fileTree by default

Author: antfu

components/PanelEditor.vue

@@ -70,6 +70,7 @@ const panelInitEditor = computed(() => isMounted.value || {
     </div>
     <Splitpanes
       of-hidden
+      :class="guide.features.fileTree === false ? 'disabled' : ''"
       @resize="startDragging"
       @resized="endDragging"
     >

stores/ui.ts

@@ -8,7 +8,7 @@ export const useUiState = defineStore('ui', () => {
       panelDocs: 30,
       panelEditor: 60,
       panelPreview: 40,
-      panelFileTree: 20,
+      panelFileTree: 0,
       showTerminal: false,
     }
   }

styles/overrides.css

@@ -45,6 +45,11 @@
   display: none;
 }
 
+.splitpanes.disabled > .splitpanes__splitter {
+  cursor: default;
+  pointer-events: none;
+}
+
 /* Xterm */
 .terminal.xterm {
   height: 100%;