forked from Mirrors/elk
fix: update prop types for spoiler
This commit is contained in:
parent
eb022c92e8
commit
bd78834a44
1 changed files with 2 additions and 2 deletions
|
@ -1,5 +1,5 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
const props = defineProps<{ enabled: boolean; filter: boolean }>()
|
const props = defineProps<{ enabled?: boolean; filter?: boolean }>()
|
||||||
|
|
||||||
const showContent = ref(!props.enabled)
|
const showContent = ref(!props.enabled)
|
||||||
const toggleContent = useToggle(showContent)
|
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()">
|
<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-if="showContent" i-ri:eye-line />
|
||||||
<div v-else i-ri:eye-close-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>
|
</button>
|
||||||
<div border="t base" flex-auto h-1px />
|
<div border="t base" flex-auto h-1px />
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue