From 6fee5026bfed30ce89dc59fa62206145e4bdab88 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Sun, 27 Nov 2022 15:20:33 +0800
Subject: [PATCH] fix: spoiler state

---
 components/status/StatusSpoiler.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/status/StatusSpoiler.vue b/components/status/StatusSpoiler.vue
index c80cd841..1d7e7475 100644
--- a/components/status/StatusSpoiler.vue
+++ b/components/status/StatusSpoiler.vue
@@ -1,7 +1,12 @@
 <script setup lang="ts">
 const props = defineProps<{ enabled: boolean }>()
 
-const [showContent, toggleContent] = $(useToggle(!props.enabled))
+const showContent = ref(!props.enabled)
+const toggleContent = useToggle(showContent)
+
+watchEffect(() => {
+  showContent.value = !props.enabled
+})
 </script>
 
 <template>
@@ -11,5 +16,5 @@ const [showContent, toggleContent] = $(useToggle(!props.enabled))
       {{ showContent ? 'Show less' : 'Show more' }}
     </button>
   </div>
-  <slot v-if="showContent" />
+  <slot v-if="!enabled || showContent" />
 </template>