refactor: separate dialog and edit drafts

composables/dialog.ts

@@ -4,6 +4,7 @@ import { STORAGE_KEY_FIRST_VISIT, STORAGE_KEY_ZEN_MODE } from '~/constants'
 
 export const imagePreview = ref({ src: '', alt: '' })
 export const statusEdit = ref<StatusEdit>()
+export const dialogDraftKey = ref<string>()
 export const isFirstVisit = useLocalStorage(STORAGE_KEY_FIRST_VISIT, true)
 export const isZenMode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
 export const toggleZenMode = useToggle(isZenMode)
@@ -18,9 +19,10 @@ export function openSigninDialog() {
   isSigninDialogOpen.value = true
 }
 
-export function openPublishDialog(draft?: Draft) {
+export function openPublishDialog(draftKey = 'dialog', draft?: Draft) {
+  dialogDraftKey.value = draftKey
   if (draft)
-    dialogDraft.draft.value = draft
+    currentUserDrafts.value[draftKey] = draft
   isPublishDialogOpen.value = true
 }
 

composables/statusDrafts.ts

@@ -69,11 +69,13 @@ export function useDraft(draftKey: string, inReplyToId?: string) {
 export const dialogDraft = useDraft('dialog')
 
 export function mentionUser(account: Account) {
-  openPublishDialog(getDefaultDraft({ status: `@${account.acct} ` }))
+  openPublishDialog('dialog', getDefaultDraft({
+    status: `@${account.acct} `,
+  }))
 }
 
 export function directMessageUser(account: Account) {
-  openPublishDialog(getDefaultDraft({
+  openPublishDialog('dialog', getDefaultDraft({
     status: `@${account.acct} `,
     visibility: 'direct',
   }))