elk/components/publish/PublishButton.vue

23 lines
657 B
Vue
Raw Normal View History

<script setup>
const disabled = computed(() => !isMastoInitialised.value || !currentUser.value)
const disabledVisual = computed(() => isMastoInitialised.value && !currentUser.value)
</script>
2022-11-24 08:04:53 +00:00
<template>
<button
flex="~ gap2 center"
w-9 h-9 py2
2023-01-04 23:17:30 +00:00
xl="w-auto h-auto"
rounded-3
cursor-pointer disabled:pointer-events-none
text-primary font-bold
2023-01-04 23:17:30 +00:00
border-1 border-primary-light
:class="disabledVisual ? 'op25' : 'hover:bg-primary hover:text-inverted'"
:disabled="disabled"
@click="openPublishDialog()"
>
2022-11-24 08:04:53 +00:00
<div i-ri:quill-pen-line />
<span hidden xl:block>{{ $t('action.compose') }}</span>
2022-11-24 08:04:53 +00:00
</button>
</template>