Nikurasu/elk
1
0
Fork 0
forked from Mirrors/elk
Code Pull requests Releases 2 Packages 1 Activity

feat: chars counter, close #64

Browse source
This commit is contained in:
Anthony Fu 2022-11-25 21:29:42 +08:00
parent d71f5b6420
commit 4632d7d4ab
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/publish/PublishWidget.vue
View file

@ -3,6 +3,7 @@ import type { CreateStatusParams, StatusVisibility } from 'masto'
import { fileOpen } from 'browser-fs-access'
import { useDropZone } from '@vueuse/core'
import { EditorContent } from '@tiptap/vue-3'
import { POST_CHARS_LIMIT } from '~~/constants'
const {
draftKey,
@ -167,10 +168,15 @@ onUnmounted(() => {
>
</div>
<div relative>
<EditorContent
:editor="editor"
:class="isExpanded ? 'min-h-120px' : ''"
/>
<div v-if="isExpanded" absolute right-0 bottom-0 pointer-events-none text-sm op25>
{{ POST_CHARS_LIMIT - editor?.storage.characterCount.characters() }}
</div>
</div>
<div v-if="isUploading" flex gap-1 items-center text-sm p1 text-primary>
<div i-ri:loader-2-fill animate-spin />