From 99246762c6f15e2a106620c9b651e1cb3d7fdbbb Mon Sep 17 00:00:00 2001
From: Kia King Ishii <kia.king.08@gmail.com>
Date: Fri, 27 May 2022 02:41:51 +0900
Subject: [PATCH] fix: sidebar collapsible problem once more

---
 src/client/theme-default/components/VPSidebarGroup.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/client/theme-default/components/VPSidebarGroup.vue b/src/client/theme-default/components/VPSidebarGroup.vue
index cdaf14c2..7e9b41f6 100644
--- a/src/client/theme-default/components/VPSidebarGroup.vue
+++ b/src/client/theme-default/components/VPSidebarGroup.vue
@@ -12,7 +12,7 @@ const props = defineProps<{
   collapsed?: boolean
 }>()
 
-const collapsed = ref(!!props.collapsed)
+const collapsed = ref(props.collapsible && props.collapsed)
 
 function toggle() {
   if (props.collapsible) {
@@ -23,7 +23,7 @@ function toggle() {
 
 <template>
   <section class="VPSidebarGroup" :class="{ collapsible, collapsed }">
-    <div class="title" role="button" @click="toggle">
+    <div class="title" :role="collapsible ? 'button' : undefined" @click="toggle">
       <h2 class="title-text">{{ text }}</h2>
       <div class="action">
         <VPIconMinusSquare class="icon minus" />
@@ -47,10 +47,6 @@ function toggle() {
   z-index: 2;
 }
 
-.VPSidebarGroup.collapsible .title {
-  cursor: pointer;
-}
-
 .title-text {
   padding-top: 6px;
   padding-bottom: 6px;