From bd78834a4424c8e30c0540f67ba52574c07e9ab9 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Sun, 4 Dec 2022 20:00:02 +0000
Subject: [PATCH] fix: update prop types for spoiler

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

diff --git a/components/status/StatusSpoiler.vue b/components/status/StatusSpoiler.vue
index 4fb4ceef..c6c5576e 100644
--- a/components/status/StatusSpoiler.vue
+++ b/components/status/StatusSpoiler.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const props = defineProps<{ enabled: boolean; filter: boolean }>()
+const props = defineProps<{ enabled?: boolean; filter?: boolean }>()
 
 const showContent = ref(!props.enabled)
 const toggleContent = useToggle(showContent)
@@ -19,7 +19,7 @@ watchEffect(() => {
       <button btn-text px-2 py-1 text-3 flex="~ center gap-2" :class="showContent ? '' : 'filter-saturate-0 hover:filter-saturate-100'" @click="toggleContent()">
         <div v-if="showContent" i-ri:eye-line />
         <div v-else i-ri:eye-close-line />
-        {{ showContent ? $t('status.spoiler_show_less') : $t(props.filter ? 'status.filter_show_anyway' : 'status.spoiler_show_more') }}
+        {{ showContent ? $t('status.spoiler_show_less') : $t(filter ? 'status.filter_show_anyway' : 'status.spoiler_show_more') }}
       </button>
       <div border="t base" flex-auto h-1px />
     </div>