mirror of
https://github.com/elk-zone/elk
synced 2024-11-27 22:38:11 +09:00
23 lines
625 B
Vue
23 lines
625 B
Vue
<script setup>
|
|
const disabled = computed(() => !isHydrated.value || !currentUser.value)
|
|
const disabledVisual = computed(() => isHydrated.value && !currentUser.value)
|
|
</script>
|
|
|
|
<template>
|
|
<button
|
|
flex="~ gap2 center"
|
|
w-9 h-9 py2
|
|
xl="w-auto h-auto"
|
|
rounded-3
|
|
cursor-pointer disabled:pointer-events-none
|
|
text-primary
|
|
border-1 border-primary
|
|
:class="disabledVisual ? 'op25' : 'hover:bg-primary hover:text-inverted'"
|
|
:disabled="disabled"
|
|
@click="openPublishDialog()"
|
|
>
|
|
<div i-ri:quill-pen-line />
|
|
<span hidden xl:block>{{ $t('action.compose') }}</span>
|
|
</button>
|
|
</template>
|