글 설정 태그와 대표 이미지 흐름 정리

layouts/admin.vue

@@ -4,6 +4,32 @@ const route = useRoute()
 const isPostEditorRoute = computed(() => route.path === '/admin/posts/new'
   || (route.path.startsWith('/admin/posts/') && route.path !== '/admin/posts/preview'))
 
+const editorDocumentClass = 'admin-post-editor-document'
+
+/**
+ * 글쓰기 전체 화면 문서 스크롤 잠금 적용
+ * @returns {void}
+ */
+const syncPostEditorDocumentClass = () => {
+  if (!import.meta.client) {
+    return
+  }
+
+  document.documentElement.classList.toggle(editorDocumentClass, isPostEditorRoute.value)
+  document.body.classList.toggle(editorDocumentClass, isPostEditorRoute.value)
+}
+
+watchEffect(syncPostEditorDocumentClass)
+
+onBeforeUnmount(() => {
+  if (!import.meta.client) {
+    return
+  }
+
+  document.documentElement.classList.remove(editorDocumentClass)
+  document.body.classList.remove(editorDocumentClass)
+})
+
 /**
  * 관리자 로그아웃
  * @returns {Promise<void>} 로그아웃 처리 결과