29 lines
686 B
Vue
29 lines
686 B
Vue
<script setup lang="ts">
|
|
const masto = await useMasto()
|
|
|
|
let draftPost = $ref('')
|
|
let isSending = $ref(false)
|
|
|
|
async function publish() {
|
|
try {
|
|
isSending = true
|
|
await masto.statuses.create({ status: draftPost })
|
|
draftPost = ''
|
|
}
|
|
finally {
|
|
isSending = false
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div flex flex-col gap-4 :class="isSending ? ' pointer-events-none' : ''">
|
|
<textarea v-model="draftPost" p2 border-rounded w-full h-40 color-black placeholder="What's on your mind?" />
|
|
<div flex justify-end>
|
|
<button h-9 w-22 bg-primary border-rounded :disabled="draftPost === ''" @click="publish">
|
|
Publish!
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</template>
|