From 0da19178e484396c83e7e7cf46a7e695eb4fa3c0 Mon Sep 17 00:00:00 2001
From: elonehoo <hi@elonehoo.me>
Date: Thu, 7 Dec 2023 09:41:02 +0800
Subject: [PATCH] fix: the issue that the sidebar retracts unsuccessfully in
 some browsers

---
 components/sidebar/Sidebar.vue | 15 +++++----------
 store/sidebar.ts               | 22 ----------------------
 2 files changed, 5 insertions(+), 32 deletions(-)

diff --git a/components/sidebar/Sidebar.vue b/components/sidebar/Sidebar.vue
index 467b269..ac6fafc 100644
--- a/components/sidebar/Sidebar.vue
+++ b/components/sidebar/Sidebar.vue
@@ -1,21 +1,16 @@
 <script setup lang="ts">
 const sidebar = useSidebarStore()
 
-watch(() => sidebar.show, () => {
-  if (sidebar.show)
-    sidebar.handleCreateSize()
-
-  else
-    sidebar.handleClearSize()
-})
+const { panSize, show } = storeToRefs(sidebar)
 </script>
 
 <template>
   <SplitpanesPane
+    v-if="show"
     class="bg-light-50 dark:bg-#050505 border-r border-gray-400/20"
-    :size="sidebar.panSize.size"
-    :min-size="sidebar.panSize.minSize"
-    :max-size="sidebar.panSize.maxSize"
+    :size="panSize.size"
+    :min-size="panSize.minSize"
+    :max-size="panSize.maxSize"
   >
     <nav class="flex flex-col" livraison-app="sideabr">
       <SidebarIconAction />
diff --git a/store/sidebar.ts b/store/sidebar.ts
index 19e6d8e..80f73c2 100644
--- a/store/sidebar.ts
+++ b/store/sidebar.ts
@@ -19,34 +19,12 @@ export const useSidebarStore = defineStore('sidebar', () => {
     show.value = !show.value
   }
 
-  function handleMoveSize() {
-    size.value = panSize.value.size
-  }
-
-  function handleClearSize() {
-    handleMoveSize()
-    panSize.value = {
-      minSize: 0,
-      size: 0,
-      maxSize: 0,
-    }
-  }
 
-  function handleCreateSize() {
-    panSize.value = {
-      minSize: 15,
-      size: size.value,
-      maxSize: 30,
-    }
-  }
   return {
     size,
     show,
     panSize,
-    handleMoveSize,
     handleToggleSidebar,
-    handleClearSize,
-    handleCreateSize,
   }
 }, {
   persist: true,