memi-board 0.46.0 → 0.46.2

package/dist/runtime/components/Editor.vue

@@ -11,7 +11,7 @@ import { imeSafeSubmitClick, imeSafeSubmitPointerDown } from 'memi-board/runtime
 import Youtube from '@tiptap/extension-youtube'
 import type { DropdownMenuItem, EditorSuggestionMenuItem } from '@nuxt/ui'
 import { mapEditorItems } from '@nuxt/ui/utils/editor'
-import type { Attachment, EditorImageEntry } from 'memi-board/runtime'
+import type { Attachment, EditorImageEntry, PostTranslationSet } from 'memi-board/runtime'
 import type { WritingAssistantAction } from 'memi-board/runtime'
 import {
   useMemiBoardAuth,
@@ -22,6 +22,9 @@ import {
   hasBodyImage,
   hasBodyText,
   plainTextFromHtml,
+  titleFromBody,
+  buildPostPreview,
+  hashText,
   useMemiBoardWritingAssistant,
 } from 'memi-board/runtime'
 import { useMemiBoardStorage, EDITOR_IMAGE_SOURCE_MAX_BYTES } from 'memi-board/storage'
@@ -39,14 +42,14 @@ const emit = defineEmits<{ saved: [id: string], cancel: [] }>()
 
 const { user, isSignedIn, isAdmin, isWriteRestricted, restrictedMessage } = useMemiBoardAuth()
 const resolvedBoardId = computed(() => props.boardId || props.fixedCategory || '')
-const { createPostId, getPost, createPost, updatePost, resolveUniqueSlug } = useMemiBoardPosts(resolvedBoardId)
+const { createPostId, getPost, createPost, updatePost, savePostTranslations, resolveUniqueSlug } = useMemiBoardPosts(resolvedBoardId)
 const { getBoard, ensureSettings } = useMemiBoardSettings()
 // 보드 설정 언어 → 호스트 언어 순.
 const { t, dir, locale } = useMemiBoardI18n({ boardLocale: () => getBoard(resolvedBoardId.value)?.locale })
 // provide 한 컴포넌트 자신은 inject 를 못 받으므로 AI 프롬프트 언어를 직접 넘긴다.
 const { checkText } = useMemiBoardModeration({ locale })
 const { uploadEditorImage } = useMemiBoardStorage()
-const { assist } = useMemiBoardWritingAssistant({ locale })
+const { assist, translatePost } = useMemiBoardWritingAssistant({ locale })
 
 const title = ref('')
 /** UEditor content-type=html (shineb 와 동일) */
@@ -78,6 +81,9 @@ const externalImageCandidate = computed(() => {
 })
 const aiRunning = ref(false)
 const aiError = ref('')
+const aiNotice = ref('')
+const pendingTranslations = ref<PostTranslationSet | null>(null)
+const pendingTranslationKey = ref('')
 const aiCustomDialogOpen = ref(false)
 const aiCustomInstruction = ref('')
 
@@ -652,8 +658,7 @@ const aiMenuItems = computed(() => [
     { label: t('editor.ai.summarize'), icon: 'i-lucide-scan-text', onSelect: () => runWritingAssistant('summarize') },
   ],
   [
-    { label: t('editor.ai.translateEn'), icon: 'i-lucide-languages', onSelect: () => runWritingAssistant('translate-en') },
-    { label: t('editor.ai.translateKo'), icon: 'i-lucide-languages', onSelect: () => runWritingAssistant('translate-ko') },
+    { label: t('editor.ai.translateAll'), icon: 'i-lucide-languages', onSelect: () => translateAllLocales() },
   ],
   [
     { label: t('editor.ai.title'), icon: 'i-lucide-heading-1', onSelect: () => runWritingAssistant('title') },
@@ -684,6 +689,7 @@ async function runWritingAssistant(action: WritingAssistantAction, customInstruc
   const editor = resolveEditor()
   if (!editor || aiRunning.value) return
   aiError.value = ''
+  aiNotice.value = ''
 
   const { from, to } = editor.state.selection
   const hasSelection = from !== to
@@ -717,6 +723,60 @@ async function runWritingAssistant(action: WritingAssistantAction, customInstruc
   }
 }
 
+function currentBodyContent(): string {
+  return isImageEditor.value && coverSlots.value.length
+    ? withCoverImagesInContent(content.value, coverUrls())
+    : content.value
+}
+
+function currentStoredTitle(body: string): string {
+  return isImageEditor.value ? titleFromBody(body) : title.value.trim()
+}
+
+function translationKey(body: string, storedTitle: string): string {
+  return `${storedTitle}\n${hashText(body)}`
+}
+
+async function translateAllLocales() {
+  if (aiRunning.value) return
+  aiError.value = ''
+  aiNotice.value = ''
+  const body = currentBodyContent()
+  const storedTitle = currentStoredTitle(body)
+  const summary = buildPostPreview(body, isImageEditor.value ? [] : attachments.value).summary
+  if (!storedTitle.trim() && !summary.trim() && !plainTextFromHtml(body)) {
+    aiError.value = t('editor.ai.translateEmpty')
+    return
+  }
+  aiRunning.value = true
+  try {
+    const translations = await translatePost({
+      source: locale.value,
+      title: storedTitle,
+      summary,
+      content: plainTextFromHtml(body) ? body : '',
+    })
+    if (props.postId) {
+      await savePostTranslations(props.postId, translations)
+      pendingTranslations.value = null
+      pendingTranslationKey.value = ''
+      aiNotice.value = t('editor.ai.translateSaved')
+    }
+    else {
+      pendingTranslations.value = translations
+      pendingTranslationKey.value = translationKey(body, storedTitle)
+      aiNotice.value = t('editor.ai.translatePending')
+    }
+  }
+  catch (cause) {
+    console.warn('[memi-board] post translation failed', cause)
+    aiError.value = cause instanceof Error ? cause.message : t('editor.ai.failed')
+  }
+  finally {
+    aiRunning.value = false
+  }
+}
+
 function closeAiPreview() {
   aiPreviewOpen.value = false
   aiPreviewPending.value = null
@@ -982,15 +1042,19 @@ async function handleSubmit() {
     }
 
     submitHint.value = t('editor.hint.saving')
-    const bodyContent = imageBoard && coverSlots.value.length
-      ? withCoverImagesInContent(content.value, coverUrls())
-      : content.value
+    const bodyContent = currentBodyContent()
+    const storedTitle = currentStoredTitle(bodyContent)
+    const translations = pendingTranslations.value
+      && pendingTranslationKey.value === translationKey(bodyContent, storedTitle)
+      ? pendingTranslations.value
+      : undefined
     const payload = {
       title: imageBoard ? '' : title.value.trim(),
       content: bodyContent,
       tags: tags.value.map(t => t.trim()).filter(Boolean),
       // 이미지 보드: 파일 첨부 없음 (커버는 본문 앞 img 로 저장)
       attachments: imageBoard ? [] : attachments.value,
+      ...(translations ? { translations } : {}),
     }
 
     if (props.postId) {
@@ -1290,6 +1354,13 @@ async function handleSubmit() {
         <UIcon name="i-lucide-circle-alert" class="size-3.5 shrink-0" />
         {{ aiError }}
       </p>
+      <p
+        v-else-if="aiNotice"
+        class="flex items-center gap-2 border-t border-default px-4 py-2 text-xs text-primary"
+      >
+        <UIcon name="i-lucide-languages" class="size-3.5 shrink-0" />
+        {{ aiNotice }}
+      </p>
 
       <p
         v-if="imageUploading && !isImageEditor"

package/dist/runtime/components/List.vue

@@ -64,12 +64,12 @@ const emit = defineEmits<{ select: [post: PostModel], 'update:view': [view: Boar
 const { boardDescription, getBoard } = useMemiBoardSettings()
 const resolvedBoardId = computed(() => props.boardId || props.category || '')
 // 보드 설정 언어 → 호스트 언어 순. 자식 컴포넌트도 이 언어를 따른다.
-const { t, dir } = useMemiBoardI18n({ boardLocale: () => getBoard(resolvedBoardId.value)?.locale })
+const { t, dir, locale } = useMemiBoardI18n({ boardLocale: () => getBoard(resolvedBoardId.value)?.locale })
 const introductionText = computed(() => props.introduction ?? t('list.introduction'))
 const listDescription = computed(() => {
   const explicit = props.description?.trim()
   if (explicit) return explicit
-  if (resolvedBoardId.value) return boardDescription(resolvedBoardId.value)
+  if (resolvedBoardId.value) return boardDescription(resolvedBoardId.value, locale.value)
   return undefined
 })
 const { posts, postsPending, hasMore, loadingMore, loadError, loadMore } = useMemiBoardPostList(

package/dist/runtime/components/ListDefault.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { resolveComponent } from 'vue'
 import type { PostModel } from 'memi-board/runtime'
-import { useMemiBoardI18n, useMemiBoardSettings } from 'memi-board/runtime'
+import { displayPostSummary, displayPostTitle, useMemiBoardI18n, useMemiBoardSettings } from 'memi-board/runtime'
 import MemiBoardAuthorMenu from './AuthorMenu.vue'
 
 withDefaults(defineProps<{
@@ -15,7 +15,17 @@ withDefaults(defineProps<{
 }>(), { showCategory: true })
 const emit = defineEmits<{ select: [post: PostModel] }>()
 const { categoryLabel } = useMemiBoardSettings()
-const { t, formatRelativeDate, formatTimestampDetails } = useMemiBoardI18n()
+const { t, locale, formatRelativeDate, formatTimestampDetails } = useMemiBoardI18n()
+
+function titleOf(post: PostModel) {
+  return displayPostTitle(post, locale.value).trim() || displayPostSummary(post, locale.value).trim() || t('list.photo')
+}
+function summaryOf(post: PostModel) {
+  const summary = displayPostSummary(post, locale.value).trim()
+  const title = displayPostTitle(post, locale.value).trim()
+  if (!summary || summary === title) return ''
+  return summary
+}
 const NuxtLink = resolveComponent('NuxtLink')
 
 function image(post: PostModel): string | undefined {
@@ -58,7 +68,7 @@ function image(post: PostModel): string | undefined {
                   class="mt-0.5 shrink-0"
                 />
                 <h3 class="min-w-0 line-clamp-2 break-words text-sm font-medium leading-snug text-inherit sm:text-base">
-                  {{ post.title?.trim() || post.summary || t('list.photo') }}
+                  {{ titleOf(post) }}
                 </h3>
                 <span
                   v-if="(post.commentCount ?? 0) > 0"
@@ -69,10 +79,10 @@ function image(post: PostModel): string | undefined {
               </div>
             </div>
             <p
-              v-if="post.summary"
+              v-if="summaryOf(post)"
               class="min-w-0 line-clamp-2 break-words whitespace-pre-line text-sm leading-snug text-muted"
             >
-              {{ post.summary }}
+              {{ summaryOf(post) }}
             </p>
           </div>
 
@@ -82,7 +92,7 @@ function image(post: PostModel): string | undefined {
           >
             <img
               :src="image(post)"
-              :alt="post.title"
+              :alt="titleOf(post)"
               class="h-full w-full object-cover"
             >
           </div>

package/dist/runtime/components/ListDense.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { resolveComponent } from 'vue'
 import type { PostModel } from 'memi-board/runtime'
-import { useMemiBoardI18n, useMemiBoardSettings } from 'memi-board/runtime'
+import { displayPostSummary, displayPostTitle, useMemiBoardI18n, useMemiBoardSettings } from 'memi-board/runtime'
 import MemiBoardAuthorMenu from './AuthorMenu.vue'
 
 withDefaults(defineProps<{
@@ -15,7 +15,11 @@ withDefaults(defineProps<{
 }>(), { showCategory: true })
 const emit = defineEmits<{ select: [post: PostModel] }>()
 const { categoryLabel } = useMemiBoardSettings()
-const { t, formatRelativeDate, formatTimestampDetails } = useMemiBoardI18n()
+const { t, locale, formatRelativeDate, formatTimestampDetails } = useMemiBoardI18n()
+
+function titleOf(post: PostModel) {
+  return displayPostTitle(post, locale.value).trim() || displayPostSummary(post, locale.value).trim() || t('list.photo')
+}
 const NuxtLink = resolveComponent('NuxtLink')
 
 function thumb(post: PostModel): string | undefined {
@@ -44,7 +48,7 @@ function thumb(post: PostModel): string | undefined {
             class="shrink-0"
           />
           <h3 class="min-w-0 truncate text-sm font-medium leading-snug text-inherit transition-colors group-hover:text-primary">
-            {{ post.title?.trim() || post.summary || t('list.photo') }}
+            {{ titleOf(post) }}
           </h3>
           <span
             v-if="(post.commentCount ?? 0) > 0"
@@ -113,7 +117,7 @@ function thumb(post: PostModel): string | undefined {
       >
         <img
           :src="thumb(post)"
-          :alt="post.title?.trim() || post.summary || t('list.photo')"
+          :alt="titleOf(post)"
           class="size-full object-cover"
         >
       </component>

package/dist/runtime/components/ListImage.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { resolveComponent } from 'vue'
 import type { PostModel } from 'memi-board/runtime'
-import { useMemiBoardI18n } from 'memi-board/runtime'
+import { displayPostSummary, displayPostTitle, useMemiBoardI18n } from 'memi-board/runtime'
 
 defineProps<{
   posts: PostModel[]
@@ -10,7 +10,14 @@ defineProps<{
 }>()
 const emit = defineEmits<{ select: [post: PostModel] }>()
 const NuxtLink = resolveComponent('NuxtLink')
-const { t } = useMemiBoardI18n()
+const { t, locale } = useMemiBoardI18n()
+
+function titleOf(post: PostModel) {
+  return displayPostTitle(post, locale.value).trim()
+}
+function altOf(post: PostModel) {
+  return titleOf(post) || displayPostSummary(post, locale.value).trim() || t('common.label.image')
+}
 
 function image(post: PostModel): string | undefined {
   return post.previewImage || post.attachments?.find(item => item.type.startsWith('image/'))?.url
@@ -30,7 +37,7 @@ function image(post: PostModel): string | undefined {
       <img
         v-if="image(post)"
         :src="image(post)"
-        :alt="post.title?.trim() || post.summary || t('common.label.image')"
+        :alt="altOf(post)"
         class="size-full object-cover transition duration-300 group-hover:scale-105"
       >
       <div
@@ -47,7 +54,7 @@ function image(post: PostModel): string | undefined {
 
       <!-- 좌측 상단: 초안 표시 + 제목(있을 때만) + 댓글수. 이미지 보드는 제목 없이 썸네일 중심 -->
       <div
-        v-if="post.isPublished === false || post.title?.trim() || (post.commentCount ?? 0) > 0"
+        v-if="post.isPublished === false || titleOf(post) || (post.commentCount ?? 0) > 0"
         class="absolute left-2.5 top-2.5 right-14 flex min-w-0 items-start gap-1.5 sm:left-3 sm:top-3"
       >
         <UBadge
@@ -59,10 +66,10 @@ function image(post: PostModel): string | undefined {
           class="shrink-0"
         />
         <h3
-          v-if="post.title?.trim()"
+          v-if="titleOf(post)"
           class="min-w-0 line-clamp-2 text-sm font-medium leading-snug text-white drop-shadow-sm"
         >
-          {{ post.title }}
+          {{ titleOf(post) }}
         </h3>
         <span
           v-if="(post.commentCount ?? 0) > 0"

package/dist/runtime/components/ListVideo.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { resolveComponent } from 'vue'
 import type { PostModel } from 'memi-board/runtime'
-import { useMemiBoardI18n, videoListCoverUrl } from 'memi-board/runtime'
+import { displayPostSummary, displayPostTitle, useMemiBoardI18n, videoListCoverUrl } from 'memi-board/runtime'
 import MemiBoardAuthorMenu from './AuthorMenu.vue'
 
 defineProps<{
@@ -14,7 +14,16 @@ defineProps<{
 }>()
 const emit = defineEmits<{ select: [post: PostModel] }>()
 const NuxtLink = resolveComponent('NuxtLink')
-const { t, formatRelativeDate, formatTimestampDetails } = useMemiBoardI18n()
+const { t, locale, formatRelativeDate, formatTimestampDetails } = useMemiBoardI18n()
+
+function titleOf(post: PostModel) {
+  return displayPostTitle(post, locale.value).trim()
+}
+function summaryOf(post: PostModel) {
+  const summary = displayPostSummary(post, locale.value).trim()
+  if (!summary || summary === titleOf(post)) return ''
+  return summary
+}
 
 /** 영상 목록: YouTube URL 이 있으면 썸네일 우선, 그다음 본문/첨부 이미지. */
 function cover(post: PostModel): string | undefined {
@@ -37,7 +46,7 @@ function cover(post: PostModel): string | undefined {
         @click="!postTo(post) && emit('select', post)"
       >
         <div class="relative aspect-video overflow-hidden bg-elevated">
-          <img v-if="cover(post)" :src="cover(post)" :alt="post.title" class="size-full object-cover">
+          <img v-if="cover(post)" :src="cover(post)" :alt="titleOf(post)" class="size-full object-cover">
           <div v-else class="flex size-full items-center justify-center text-muted"><UIcon name="i-lucide-video" class="size-10" /></div>
           <span class="absolute inset-0 flex items-center justify-center bg-black/10">
             <span class="flex size-12 items-center justify-center rounded-full bg-black/70 text-white shadow"><UIcon name="i-lucide-play" class="ml-0.5 size-6 fill-current" /></span>
@@ -53,7 +62,7 @@ function cover(post: PostModel): string | undefined {
               size="sm"
               class="mt-0.5 shrink-0"
             />
-            <h3 class="min-w-0 line-clamp-2 font-medium text-inherit">{{ post.title }}</h3>
+            <h3 class="min-w-0 line-clamp-2 font-medium text-inherit">{{ titleOf(post) }}</h3>
             <span
               v-if="(post.commentCount ?? 0) > 0"
               class="mt-0.5 inline-flex shrink-0 items-center rounded-full bg-primary/10 px-1.5 py-px text-[11px] font-semibold tabular-nums text-primary"
@@ -61,7 +70,7 @@ function cover(post: PostModel): string | undefined {
               {{ post.commentCount }}
             </span>
           </div>
-          <p v-if="post.summary" class="mt-2 line-clamp-2 whitespace-pre-line text-sm text-muted">{{ post.summary }}</p>
+          <p v-if="summaryOf(post)" class="mt-2 line-clamp-2 whitespace-pre-line text-sm text-muted">{{ summaryOf(post) }}</p>
         </div>
       </component>
 

package/dist/runtime/components/Section.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import type { BoardSection, CommentModel, PostModel } from 'memi-board/runtime'
-import { miniMoreLink, sectionColClass, sectionMinHeight, useMemiBoardI18n } from 'memi-board/runtime'
+import { displayStoredField, miniMoreLink, sectionColClass, sectionMinHeight, useMemiBoardI18n } from 'memi-board/runtime'
 import MemiBoardMiniComments from './MiniComments.vue'
 import MemiBoardMiniList from './MiniList.vue'
 import MemiBoardMiniPost from './MiniPost.vue'
@@ -13,7 +13,14 @@ const props = defineProps<{
   getMoreLink?: (section: BoardSection) => string | undefined
 }>()
 
-const { t } = useMemiBoardI18n()
+const { t, locale } = useMemiBoardI18n()
+const title = computed(() => displayStoredField(
+  props.section.i18n,
+  props.section.i18nSource,
+  'title',
+  props.section.title,
+  locale.value,
+))
 const moreTo = computed(() => props.getMoreLink?.(props.section) ?? miniMoreLink(props.section))
 </script>
 
@@ -30,7 +37,7 @@ const moreTo = computed(() => props.getMoreLink?.(props.section) ?? miniMoreLink
         v-if="section.showTitle"
         class="min-w-0 truncate text-sm font-semibold text-highlighted"
       >
-        {{ section.title }}
+        {{ title }}
       </h2>
       <span v-else class="min-w-0" />
       <UButton

package/dist/runtime/components/Settings.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from 'vue'
-import { MEMI_BOARD_LOCALES, slugify, useMemiBoardAuth, useMemiBoardI18n, useMemiBoardSettings, useMemiBoardUsers } from 'memi-board/runtime'
+import { boardCopyIsTranslated, MEMI_BOARD_LOCALES, slugify, useMemiBoardAuth, useMemiBoardI18n, useMemiBoardSettings, useMemiBoardUsers } from 'memi-board/runtime'
 import type { BoardCategory, BoardEditorType, BoardListView, BoardVisibility, BoardWriteRole } from 'memi-board/runtime'
 import MemiBoardOptionCards from './OptionCards.vue'
 
@@ -58,7 +58,7 @@ function fromLocaleOption(value: string) {
 }
 
 const { isAdmin, rolePending } = useMemiBoardAuth()
-const { categories, settingsPending, saveCategory, saveCategories, deleteCategory } = useMemiBoardSettings()
+const { categories, settingsPending, saveCategory, saveCategories, deleteCategory, translateBoard } = useMemiBoardSettings()
 const canManage = computed(() => isAdmin.value || props.authorized)
 // users 전체 목록은 rules상 board-role 관리자만 읽을 수 있다 — "허용 스태프" 지정 권한이
 // 있을 때만(기본은 board-role 관리자) 쿼리를 시작한다. canManage(호스트 authorized 포함)로
@@ -82,6 +82,8 @@ const pending = computed(() => !mounted.value || rolePending.value || settingsPe
 const draft = ref<BoardCategory[]>([])
 const newLabel = ref('')
 const savingId = ref<string | null>(null)
+const translatingId = ref<string | null>(null)
+const translatedDraftIds = ref(new Set<string>())
 const savedId = ref<string | null>(null)
 const deletingId = ref<string | null>(null)
 const ordering = ref(false)
@@ -104,6 +106,7 @@ watch([categories, settingsPending], ([list, loading]) => {
       allowedStaffUids: category.allowedStaffUids ?? [],
       allowedManagerUids: category.allowedManagerUids ?? [],
       locale: category.locale ?? '',
+      autoTranslate: category.autoTranslate === true,
     }))
   }
 }, { immediate: true })
@@ -174,16 +177,55 @@ function categoryTo(id: string) {
   return `${props.categoryBase.replace(/\/$/, '')}/${encodeURIComponent(id)}`
 }
 
+async function translateCopy(category: BoardCategory) {
+  if (!category.label.trim() || translatingId.value || savingId.value) return
+  const snapshot = { ...category }
+  translatingId.value = category.id
+  savedId.value = null
+  error.value = ''
+  try {
+    const translated = await translateBoard(snapshot)
+    if (!draft.value.includes(category) || category.label !== snapshot.label || category.description !== snapshot.description) return
+    Object.assign(category, { label: translated.label, description: translated.description, i18n: translated.i18n, i18nSource: translated.i18nSource })
+    translatedDraftIds.value.add(category.id)
+  }
+  catch (cause) {
+    console.warn('[memi-board] board translation failed', cause)
+    error.value = t('settings.autoTranslate.manualFailed')
+  }
+  finally {
+    translatingId.value = null
+  }
+}
+
 async function save(category: BoardCategory, index: number) {
+  if (translatingId.value || savingId.value) return
   error.value = ''
   savedId.value = null
   savingId.value = category.id
+  category.autoTranslate = category.autoTranslate === true
+  let translateFailed = false
+  if (category.autoTranslate) {
+    try {
+      const translated = await translateBoard(category)
+      category.i18n = translated.i18n
+      category.i18nSource = translated.i18nSource
+      category.label = translated.label
+      category.description = translated.description
+    }
+    catch (cause) {
+      console.warn('[memi-board] board translation failed', cause)
+      translateFailed = true
+    }
+  }
   try {
     const order = props.categoryId ? (category.order ?? index) : index
     await saveCategory(category, order)
     category.order = order
     savedId.value = category.id
+    translatedDraftIds.value.delete(category.id)
     emit('saved', draft.value)
+    if (translateFailed) error.value = t('settings.autoTranslate.failed')
   }
   catch (cause) {
     error.value = cause instanceof Error ? cause.message : t('settings.error.saveFailed')
@@ -298,18 +340,41 @@ async function runDeleteAll() {
         </div>
         <div class="grid gap-2 sm:grid-cols-[9rem_1fr] sm:items-center">
           <div><p class="text-sm font-medium">{{ t('settings.label.label') }}</p><p class="text-xs text-muted">{{ t('settings.label.help') }}</p></div>
-          <UInput v-model="category.label" @update:model-value="savedId = null" />
+          <div class="flex flex-wrap items-center gap-2">
+            <UInput v-model="category.label" class="min-w-0 flex-1" :disabled="translatingId === category.id" @update:model-value="savedId = null" />
+            <UButton
+              :label="t('settings.autoTranslate.action')"
+              icon="i-lucide-languages"
+              color="neutral"
+              variant="outline"
+              :loading="translatingId === category.id"
+              :disabled="savingId !== null || translatingId !== null || !category.label.trim()"
+              @click="translateCopy(category)"
+            />
+          </div>
         </div>
         <div class="grid gap-2 sm:grid-cols-[9rem_1fr] sm:items-start">
           <div><p class="text-sm font-medium">{{ t('settings.description.label') }}</p><p class="text-xs text-muted">{{ t('settings.description.help') }}</p></div>
-          <UTextarea
-            v-model="category.description"
-            :rows="3"
-            autoresize
-            :maxrows="6"
-            :placeholder="t('settings.description.placeholder')"
-            @update:model-value="savedId = null"
-          />
+          <div class="flex flex-col gap-2">
+            <UTextarea
+              v-model="category.description"
+              :disabled="translatingId === category.id"
+              :rows="3"
+              autoresize
+              :maxrows="6"
+              :placeholder="t('settings.description.placeholder')"
+              @update:model-value="savedId = null"
+            />
+            <div class="flex items-center justify-between gap-3">
+              <div>
+                <p class="text-sm font-medium">{{ t('settings.autoTranslate.label') }}</p>
+                <p class="text-xs text-muted">{{ t('settings.autoTranslate.help') }}</p>
+              </div>
+              <USwitch v-model="category.autoTranslate" size="sm" @update:model-value="savedId = null" />
+            </div>
+            <p class="text-xs text-muted">{{ t('settings.autoTranslate.manualHelp') }}</p>
+            <p v-if="boardCopyIsTranslated(category)" class="text-xs text-primary">{{ t(translatedDraftIds.has(category.id) ? 'settings.autoTranslate.pending' : 'settings.autoTranslate.ready') }}</p>
+          </div>
         </div>
         <div v-if="canManageStaffAssignment" class="flex flex-col gap-2">
           <div>
@@ -378,6 +443,7 @@ async function runDeleteAll() {
               icon="i-lucide-save"
               size="sm"
               :loading="savingId === category.id"
+              :disabled="translatingId !== null || savingId !== null"
               @click="save(category, index)"
             />
           </div>

package/dist/runtime/composables/useMemiBoardSeo.ts

@@ -90,9 +90,9 @@ export async function useMemiBoardPostSeo(opts?: {
 
   // await 하지 않고 먼저 등록 → data ref 확보 후 메타 연결
   const postAsync = useAsyncData(
-    () => `memi-board-seo-post-${category.value}-${slug.value}`,
-    () => fetchPublicPostForSeo(category.value, slug.value, seoDb),
-    { watch: [category, slug], server: true, lazy: false },
+    () => `memi-board-seo-post-${category.value}-${slug.value}-${locale.value}`,
+    () => fetchPublicPostForSeo(category.value, slug.value, seoDb, locale.value),
+    { watch: [category, slug, locale], server: true, lazy: false },
   )
   const post = computed(() => postAsync.data.value ?? null)
 

package/dist/{slugify-DJ82ifCd.js → slugify-B05Qykf_.js}

@@ -443,6 +443,10 @@ var L = {
 			summarize: "짧게 요약하기",
 			translateEn: "영어로 번역",
 			translateKo: "한국어로 번역",
+			translateAll: "10개 언어로 번역해 저장",
+			translateSaved: "10개 언어로 저장했습니다. 다른 언어로 보면 번역이 보입니다.",
+			translatePending: "10개 언어 번역을 준비했습니다. 글을 저장하면 함께 기록됩니다.",
+			translateEmpty: "번역할 제목이나 본문을 먼저 입력해 주세요.",
 			title: "본문에서 제목 만들기",
 			custom: "커스텀 스타일로 바꾸기…",
 			failed: "AI 작업에 실패했습니다. 다시 시도해 주세요."
@@ -739,6 +743,16 @@ var L = {
 			help: "비우면 사이트 언어를 따릅니다. 고르면 이 게시판은 항상 그 언어로 보입니다.",
 			auto: "자동 (사이트 언어 따름)"
 		},
+		autoTranslate: {
+			action: "10개 언어로 번역",
+			manualHelp: "표시 라벨과 설명을 함께 번역합니다. 번역 후 저장 버튼을 눌러 적용하세요.",
+			pending: "10개 언어 번역이 준비되었습니다. 저장 버튼을 눌러 적용하세요.",
+			manualFailed: "번역하지 못했습니다. 입력한 내용은 유지됩니다. 다시 시도해 주세요.",
+			label: "저장할 때 10개 언어로 번역",
+			help: "켜 두면 이름과 설명을 10개 언어로 번역합니다. 꺼져 있으면 번역하지 않습니다. 문구가 그대로면 다시 번역하지 않습니다.",
+			failed: "설정은 저장했지만 10개 언어 번역에 실패했습니다. 다시 저장해 주세요.",
+			ready: "이름과 설명이 10개 언어로 저장되어 있습니다."
+		},
 		action: {
 			moveDown: "아래로",
 			goToBoard: "게시판으로 이동",
@@ -819,6 +833,9 @@ var L = {
 		contentRequired: "AI로 다듬을 내용을 먼저 입력해 주세요.",
 		customRequired: "어떻게 바꿀지 지시문을 입력해 주세요.",
 		emptyResult: "AI가 결과를 만들지 못했습니다. 다시 시도해 주세요.",
+		translateEmpty: "번역할 제목이나 본문을 먼저 입력해 주세요.",
+		translateTooLong: "본문이 {limit}자를 넘으면 10개 언어로 저장할 수 없습니다. 줄인 뒤 다시 시도해 주세요.",
+		translateIncomplete: "일부 언어 번역이 비었습니다. 다시 시도해 주세요.",
 		failed: "AI 작업에 실패했습니다. 다시 시도해 주세요.",
 		actions: {
 			proofread: "맞춤법 검사",
@@ -827,20 +844,21 @@ var L = {
 			summarize: "짧게 요약하기",
 			translateEn: "영어로 번역",
 			translateKo: "한국어로 번역",
+			translateAll: "10개 언어로 번역해 저장",
 			title: "본문에서 제목 만들기",
 			custom: "커스텀 스타일로 바꾸기…"
 		}
 	}
 }, R = {
-	en: () => import("./en-CaPfPNDy.js"),
-	ja: () => import("./ja-oTWri4hY.js"),
-	de: () => import("./de-ddWQNaqs.js"),
-	fr: () => import("./fr-C3NCMNoy.js"),
-	es: () => import("./es-7JHjGVlM.js"),
-	pt: () => import("./pt-B9EH4scA.js"),
-	zh: () => import("./zh-D5rDYV6E.js"),
-	ar: () => import("./ar-BCQdRw_S.js"),
-	id: () => import("./id-C8hCAMPJ.js")
+	en: () => import("./en-Broh-9df.js"),
+	ja: () => import("./ja-D2dIWUse.js"),
+	de: () => import("./de-DQqSsBsZ.js"),
+	fr: () => import("./fr-CbXPRKeU.js"),
+	es: () => import("./es-D3eEYN6w.js"),
+	pt: () => import("./pt-BAuHdglU.js"),
+	zh: () => import("./zh-CMyzTdQ5.js"),
+	ar: () => import("./ar-D_6hknjh.js"),
+	id: () => import("./id-DxVqvPpo.js")
 }, z = "__MEMI_BOARD_I18N__";
 function B() {
 	let e = globalThis;
@@ -948,4 +966,4 @@ function _e(e, t = 60) {
 //#endregion
 export { ae as A, ie as B, h as C, ue as D, ce as E, C as F, te as G, re as H, b as I, y as L, x as M, T as N, oe as O, w as P, le as R, f as S, _ as T, v as U, E as V, ee as W, de as _, K as a, p as b, X as c, W as d, M as f, F as g, I as h, ge as i, S as j, se as k, fe as l, j as m, $ as n, Y as o, N as p, Z as r, J as s, _e as t, H as u, A as v, g as w, m as x, k as y, ne as z };
 
-//# sourceMappingURL=slugify-DJ82ifCd.js.map
+//# sourceMappingURL=slugify-B05Qykf_.js.map