From 0d7f610829553bdff725dedcc85be248188f199e Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Fri, 17 Oct 2025 23:16:40 +0900
Subject: [PATCH] feat: sidebar can collapsable

---
 src/App.vue                         | 13 +++----------
 src/plugin/router.js                |  6 ++----
 src/views/FriendList/FriendList.vue |  3 +--
 3 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3b9f2fee..5e52143f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,14 +17,14 @@
             <template v-if="watchState.isLoggedIn">
                 <NavMenu></NavMenu>
 
-                <RouterView v-if="requiresFullScreen"></RouterView>
+                <RouterView v-show="!isSideBarTabShow"></RouterView>
 
-                <el-splitter v-else @resize-end="setAsideWidth" v-show="isSideBarTabShow">
+                <el-splitter v-show="isSideBarTabShow" @resize-end="setAsideWidth">
                     <el-splitter-panel>
                         <RouterView></RouterView>
                     </el-splitter-panel>
 
-                    <el-splitter-panel :min="200" :max="700" :size="asideWidth">
+                    <el-splitter-panel :min="250" :max="700" :size="asideWidth" collapsible>
                         <Sidebar></Sidebar>
                     </el-splitter-panel>
                 </el-splitter>
@@ -74,7 +74,6 @@
     import { computed, onBeforeMount, onMounted } from 'vue';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
-    import { useRoute } from 'vue-router';
 
     import cs from 'element-plus/es/locale/lang/cs';
     import en from 'element-plus/es/locale/lang/en';
@@ -121,12 +120,6 @@
 
     import './app.scss';
 
-    const route = useRoute();
-
-    const requiresFullScreen = computed(() => {
-        return route.meta.fullScreen;
-    });
-
     console.log(`isLinux: ${LINUX}`);
 
     const isMacOS = computed(() => {
diff --git a/src/plugin/router.js b/src/plugin/router.js
index 7cbd37b1..21765dac 100644
--- a/src/plugin/router.js
+++ b/src/plugin/router.js
@@ -26,14 +26,12 @@ const routes = [
     {
         path: '/friendlist',
         name: 'friendList',
-        component: FriendList,
-        meta: { fullScreen: true }
+        component: FriendList
     },
     {
         path: '/charts',
         name: 'charts',
-        component: Charts,
-        meta: { fullScreen: true }
+        component: Charts
     },
     { path: '/tools', name: 'tools', component: Tools },
     { path: '/profile', name: 'profile', component: Profile },
diff --git a/src/views/FriendList/FriendList.vue b/src/views/FriendList/FriendList.vue
index d29ebbd7..8ee6a985 100644
--- a/src/views/FriendList/FriendList.vue
+++ b/src/views/FriendList/FriendList.vue
@@ -313,8 +313,7 @@
 
     watch(
         () => route.path,
-        (newPath, oldPath) => {
-            console.log('Route changed - FriendsList', newPath, oldPath);
+        () => {
             nextTick(() => friendsListSearchChange());
         },
         { immediate: true }