관리자 글쓰기·목록 UX 개선 및 POST 설정 추가(v1.1.14~v1.1.18)

Ghost형 툴바·초안 자동 저장·발행 모달, private 제거, 미디어 모달 통합,
발행일·수정일 표시 설정과 DB 마이그레이션 025·026을 반영한다.

Co-authored-by: Cursor <cursoragent@cursor.com>

pages/admin/posts/new.vue

@@ -4,6 +4,7 @@ definePageMeta({
 })
 
 const saving = ref(false)
+const autoSaving = ref(false)
 const errorMessage = ref('')
 const postForm = ref(null)
 const toast = ref(null)
@@ -68,6 +69,52 @@ const savePost = async (payload) => {
   }
 }
 
+/**
+ * 신규 초안 서버 자동 저장(POST). 성공 시 기본은 편집 URL로 교체 이동, 이탈 플러시 시에는 이동하지 않는다.
+ * @param {Object} payload - 게시물 입력값
+ * @param {{ skipNavigate?: boolean }} options - `skipNavigate`가 true면 생성만 하고 URL은 바꾸지 않는다.
+ * @returns {Promise<void>}
+ */
+const createDraftAutosave = async (payload, options = {}) => {
+  const skipNavigate = Boolean(options.skipNavigate)
+  if (autoSaving.value) {
+    return
+  }
+
+  autoSaving.value = true
+  errorMessage.value = ''
+
+  try {
+    const post = await $fetch('/admin/api/posts', {
+      method: 'POST',
+      body: payload
+    })
+
+    postForm.value?.markSaved()
+    postForm.value?.clearAutosave()
+    postForm.value?.allowNextRouteLeave()
+    if (!skipNavigate) {
+      await navigateTo(`/admin/posts/${post.id}`, { replace: true })
+    }
+  } catch (error) {
+    const msg = error?.data?.message || error?.message || '자동 저장에 실패했습니다.'
+    errorMessage.value = msg
+    showToast('error', msg)
+  } finally {
+    autoSaving.value = false
+  }
+}
+
+onBeforeRouteLeave(async () => {
+  await nextTick()
+  const payload = postForm.value?.takePendingAutosavePayload?.()
+  if (!payload) {
+    return true
+  }
+  await createDraftAutosave(payload, { skipNavigate: true })
+  return true
+})
+
 onBeforeUnmount(() => {
   window.clearTimeout(toastTimer)
 })
@@ -78,7 +125,14 @@ onBeforeUnmount(() => {
     <p v-if="errorMessage" class="admin-post-editor__error mx-6 mt-6 rounded border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
       {{ errorMessage }}
     </p>
-    <AdminPostForm ref="postForm" submit-label="글 저장" :saving="saving" @submit="savePost" @preview="previewPost" />
+    <AdminPostForm
+      ref="postForm"
+      :saving="saving"
+      :auto-saving="autoSaving"
+      @submit="savePost"
+      @autosave="createDraftAutosave"
+      @preview="previewPost"
+    />
     <div
       v-if="toast"
       class="admin-post-editor__toast fixed right-5 top-5 z-50 rounded border px-4 py-3 text-sm font-semibold shadow-lg"