51 lines
1.2 KiB
Vue
51 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import type { mastodon } from 'masto'
|
|
import type { DraftItem } from '~/types'
|
|
|
|
const {
|
|
draftKey,
|
|
initial = getDefaultDraftItem,
|
|
expanded = false,
|
|
placeholder,
|
|
dialogLabelledBy,
|
|
inReplyToId,
|
|
inReplyToVisibility,
|
|
} = defineProps<{
|
|
draftKey: string
|
|
initial?: () => DraftItem
|
|
placeholder?: string
|
|
inReplyToId?: string
|
|
inReplyToVisibility?: mastodon.v1.StatusVisibility
|
|
expanded?: boolean
|
|
dialogLabelledBy?: string
|
|
}>()
|
|
|
|
const threadComposer = useThreadComposer(draftKey, initial)
|
|
const threadItems = computed(() => threadComposer.threadItems.value)
|
|
|
|
onDeactivated(() => {
|
|
clearEmptyDrafts()
|
|
})
|
|
|
|
function isFirstItem(index: number) {
|
|
return index === 0
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<template v-if="isHydrated && currentUser">
|
|
<PublishWidget
|
|
v-for="(_, index) in threadItems" :key="`${draftKey}-${index}`"
|
|
v-bind="$attrs"
|
|
:thread-composer="threadComposer"
|
|
:draft-key="draftKey"
|
|
:draft-item-index="index"
|
|
:expanded="isFirstItem(index) ? expanded : true"
|
|
:placeholder="placeholder"
|
|
:dialog-labelled-by="dialogLabelledBy"
|
|
:in-reply-to-id="isFirstItem(index) ? inReplyToId : undefined"
|
|
:in-reply-to-visibility="inReplyToVisibility"
|
|
/>
|
|
</template>
|
|
</template>
|