feat: chars counter, close #64

This commit is contained in:
Anthony Fu 2022-11-25 21:29:42 +08:00
parent d71f5b6420
commit 4632d7d4ab

View file

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