memi-board 0.56.2 → 0.57.0

package/dist/module.mjs

@@ -86,6 +86,10 @@ var s = a({
 				name: "useMemiBoardUsers",
 				from: g
 			},
+			{
+				name: "useMemiBoardUserDirectory",
+				from: g
+			},
 			{
 				name: "useMemiBoardPostSeo",
 				from: h

package/dist/module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"module.mjs","names":[],"sources":["../src/module.ts"],"sourcesContent":["// @ts-nocheck — NuxtModule 반환 타입이 @nuxt/schema 경로에 묶여 d.ts 생성 시 불안정\nimport {\n  defineNuxtModule,\n  createResolver,\n  addComponentsDir,\n  addImports,\n  addPlugin,\n  addTemplate,\n} from '@nuxt/kit'\nimport { existsSync } from 'node:fs'\nimport type { NuxtModule } from '@nuxt/schema'\nimport type { MemiBoardConfig } from './config'\n\ntype MemiBoardModuleOptions = Partial<MemiBoardConfig>\n\n/**\n * Nuxt 전용 모듈 — 호스트 Vite 파이프라인에 게시판 SFC와 필수 설정을 올린다.\n *\n * 하지 않는 일:\n * - nuxt-vuefire / Firebase 설정\n * - 라우트·미들웨어 등록\n *\n * 하는 일:\n * - components 디렉터리 등록 → 호스트가 SFC 컴파일 → Nuxt UI auto-import 정상 동작\n * - composable / configure 를 auto-import\n * - memiBoard 옵션을 런타임 플러그인으로 전달해 configureMemiBoard 자동 호출\n * - transpile + optimizeDeps 설정으로 linked package와 CommonJS 의존성 정규화\n */\nconst memiBoardModule: NuxtModule<MemiBoardModuleOptions> = defineNuxtModule<MemiBoardModuleOptions>({\n  meta: {\n    name: 'memi-board',\n    configKey: 'memiBoard',\n  },\n  setup(options, nuxt) {\n    const { resolve } = createResolver(import.meta.url)\n\n    // 우선순위:\n    // 1) monorepo link 시 dist/module.mjs → ../src/components (소스 직접, 재빌드 없이 UI 수정)\n    // 2) publish 패키지 dist/runtime/components\n    // 3) src/module.ts 로 직접 로드할 때 ./components\n    const candidates = [\n      resolve('../src/components'),\n      resolve('./runtime/components'),\n      resolve('./components'),\n    ]\n    const componentsDir = candidates.find(p => existsSync(p))\n    if (!componentsDir) {\n      throw new Error('[memi-board] components directory not found')\n    }\n    nuxt.options.build.transpile.push('memi-board')\n\n    nuxt.options.vite ||= {}\n\n    // link:/file: 설치 시 memi-board 패키지 루트(dist/ 등)가 호스트의 node_modules\n    // 밖에 있어서 Vite dev 서버의 fs.allow 기본값(root + node_modules)에 안 걸린다 —\n    // /@fs/ 요청이 403(\"outside of Vite serving allow list\")으로 막히고, 그 403 HTML을\n    // JS로 파싱하려다 알 수 없는 SyntaxError가 난다. 패키지 루트를 명시적으로 허용한다.\n    const packageRoot = resolve('..')\n    nuxt.options.vite.server ||= {}\n    nuxt.options.vite.server.fs ||= {}\n    const fsAllow = new Set([\n      ...(nuxt.options.vite.server.fs.allow || []),\n      packageRoot,\n    ])\n    nuxt.options.vite.server.fs.allow = [...fsAllow]\n\n    nuxt.options.vite.resolve ||= {}\n    // link:/file: 로 설치 시 패키지 쪽 node_modules 의 vuefire·firebase 가\n    // 호스트와 이중으로 잡히면 useFirestore 가 깨져 permission-denied 가 난다.\n    const dedupe = new Set([\n      ...(nuxt.options.vite.resolve.dedupe || []),\n      'vue',\n      'vue-router',\n      'vuefire',\n      'firebase',\n      'nuxt',\n      '@tiptap/core',\n      '@tiptap/pm',\n      '@tiptap/vue-3',\n    ])\n    nuxt.options.vite.resolve.dedupe = [...dedupe]\n\n    nuxt.options.vite.optimizeDeps ||= {}\n    const exclude = new Set(nuxt.options.vite.optimizeDeps.exclude || [])\n    exclude.add('memi-board')\n    nuxt.options.vite.optimizeDeps.exclude = [...exclude]\n\n    // link:/file: 개발 중엔 memi-board의 실제 경로가 host의 node_modules 밖에 있어서\n    // Nuxt auto-import(unimport)의 \"node_modules는 건드리지 않는다\" 체크(경로에\n    // 'node_modules' 문자열이 있는지로 판단)를 그냥 통과해버린다 — 그러면 memi-board의\n    // dist 청크를 \"프로젝트 소스\"로 스캔하다가, rollup이 공유 청크의 export를 붙일 때\n    // 우연히 짧은 별칭(a, b, … h …)을 골랐는데 그게 Vue의 전역 auto-import `h`\n    // (hyperscript)와 겹치면 `import { h } from 'vue'`를 그 청크에 주입해버려서\n    // 이미 있는 `h` export 별칭과 충돌한다(\"Identifier 'h' has already been declared\").\n    // 명시적으로 제외해 이 청크는 절대 auto-import 스캔 대상이 되지 않게 한다\n    // (published npm 패키지 설치 시엔 이미 node_modules 안이라 원래도 제외 대상).\n    nuxt.options.imports ||= {}\n    nuxt.options.imports.transform ||= {}\n    const transformExclude = new Set([\n      ...(nuxt.options.imports.transform.exclude || []),\n      /[\\\\/]memi-board[\\\\/]dist[\\\\/]/,\n    ])\n    nuxt.options.imports.transform.exclude = [...transformExclude]\n\n    addComponentsDir({\n      path: componentsDir,\n      pathPrefix: false,\n      prefix: 'MemiBoard',\n      // List.vue → MemiBoardList\n    })\n\n    // SEO: 호스트 Nuxt 가 소스를 컴파일해야 #imports / useSeoMeta 가 앱 인스턴스를 탄다.\n    // dist/index.js 에 넣으면 link 시 패키지 node_modules/nuxt 로 해석되어 깨진다.\n    const seoCandidates = [\n      resolve('../src/composables/useMemiBoardSeo.ts'),\n      resolve('./runtime/composables/useMemiBoardSeo.ts'),\n      resolve('./composables/useMemiBoardSeo.ts'),\n    ]\n    const seoFrom = seoCandidates.find(p => existsSync(p))\n    if (!seoFrom) {\n      throw new Error('[memi-board] useMemiBoardSeo runtime not found')\n    }\n\n    const from = 'memi-board/runtime'\n    addImports([\n      { name: 'configureMemiBoard', from },\n      { name: 'useMemiBoardConfig', from },\n      { name: 'useMemiBoardAuth', from },\n      { name: 'useMemiBoardPosts', from },\n      { name: 'useMemiBoardComments', from },\n      { name: 'useMemiBoardViews', from },\n      { name: 'useMemiBoardModeration', from },\n      // 이미지 압축 등 브라우저 전용 — SSR 서버 번들에 안 섞이도록 별도 서브패스에서 해석\n      { name: 'useMemiBoardStorage', from: 'memi-board/storage' },\n      { name: 'useMemiBoardSettings', from },\n      { name: 'useMemiBoardUsers', from },\n      { name: 'useMemiBoardPostSeo', from: seoFrom },\n      { name: 'useMemiBoardListSeo', from: seoFrom },\n      { name: 'fetchPublicPostForSeo', from },\n      { name: 'fetchPublicListForSeo', from },\n      { name: 'resolvePublicSeoDb', from },\n      { name: 'versionHistory', from },\n      { name: 'useMemiBoardI18n', from },\n      { name: 'MEMI_BOARD_LOCALES', from },\n      { name: 'useMemiBoardAutoTranslate', from },\n    ])\n\n    const runtimeConfig = JSON.stringify(options).replace(/</g, '\\\\u003c')\n    const configPlugin = addTemplate({\n      filename: 'memi-board.config.mjs',\n      getContents: () => `\nimport { computed } from 'vue'\nimport { getApp } from 'firebase/app'\nimport { doc, getFirestore, onSnapshot } from 'firebase/firestore'\nimport {\n  configureMemiBoard,\n  applyMemiBoardSiteSettings,\n  useMemiBoardConfig,\n  isMemiBoardI18nEnabled,\n  memiBoardDefaultLocale,\n  loadMemiBoardLocale,\n  memiBoardHostLocaleKey,\n  normalizeMemiBoardLocale,\n} from 'memi-board/runtime'\n\nexport default defineNuxtPlugin({\n  name: 'memi-board:config',\n  // @nuxtjs/i18n 플러그인이 $i18n 을 만든 뒤 실행되어야 한다.\n  dependsOn: ['i18n:plugin'],\n  async setup(nuxtApp) {\n    configureMemiBoard(${runtimeConfig})\n    // 관리자가 보드 전체 설정 화면에서 바꾼 값(AI·국제화·기본 언어)을 호스트 설정 위에 덧씌운다.\n    // 브라우저에서만 구독한다. 서버 렌더링은 호스트 설정으로 그리고, 마운트 뒤에 값이 반영된다.\n    if (import.meta.client) {\n      nuxtApp.hook('app:mounted', () => {\n        try {\n          const db = getFirestore(getApp())\n          const cfg = useMemiBoardConfig()\n          onSnapshot(\n            doc(db, cfg.settingsCollection, '__app'),\n            snapshot => applyMemiBoardSiteSettings(snapshot.data()),\n            () => {},\n          )\n        }\n        catch {\n          // Firebase 가 아직 없으면 호스트 설정을 그대로 쓴다.\n        }\n      })\n    }\n    if (!isMemiBoardI18nEnabled()) {\n      const fixed = normalizeMemiBoardLocale(memiBoardDefaultLocale()) ?? 'ko'\n      await loadMemiBoardLocale(fixed)\n      return\n    }\n    // 호스트가 @nuxtjs/i18n 을 쓰면 그 언어를 게시판 기본 언어로 쓴다.\n    // 요청(SSR)마다 앱 인스턴스가 따로라 provide 로 넘긴다.\n    const i18n = nuxtApp.$i18n\n    if (!i18n?.locale) return\n    const hostLocale = computed(() => i18n.locale.value)\n    nuxtApp.vueApp.provide(memiBoardHostLocaleKey, hostLocale)\n    const initial = normalizeMemiBoardLocale(hostLocale.value)\n    if (initial) await loadMemiBoardLocale(initial)\n  },\n})\n`,\n    })\n    addPlugin(configPlugin.dst)\n  },\n})\n\nexport default memiBoardModule\n"],"mappings":"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"}
+{"version":3,"file":"module.mjs","names":[],"sources":["../src/module.ts"],"sourcesContent":["// @ts-nocheck — NuxtModule 반환 타입이 @nuxt/schema 경로에 묶여 d.ts 생성 시 불안정\nimport {\n  defineNuxtModule,\n  createResolver,\n  addComponentsDir,\n  addImports,\n  addPlugin,\n  addTemplate,\n} from '@nuxt/kit'\nimport { existsSync } from 'node:fs'\nimport type { NuxtModule } from '@nuxt/schema'\nimport type { MemiBoardConfig } from './config'\n\ntype MemiBoardModuleOptions = Partial<MemiBoardConfig>\n\n/**\n * Nuxt 전용 모듈 — 호스트 Vite 파이프라인에 게시판 SFC와 필수 설정을 올린다.\n *\n * 하지 않는 일:\n * - nuxt-vuefire / Firebase 설정\n * - 라우트·미들웨어 등록\n *\n * 하는 일:\n * - components 디렉터리 등록 → 호스트가 SFC 컴파일 → Nuxt UI auto-import 정상 동작\n * - composable / configure 를 auto-import\n * - memiBoard 옵션을 런타임 플러그인으로 전달해 configureMemiBoard 자동 호출\n * - transpile + optimizeDeps 설정으로 linked package와 CommonJS 의존성 정규화\n */\nconst memiBoardModule: NuxtModule<MemiBoardModuleOptions> = defineNuxtModule<MemiBoardModuleOptions>({\n  meta: {\n    name: 'memi-board',\n    configKey: 'memiBoard',\n  },\n  setup(options, nuxt) {\n    const { resolve } = createResolver(import.meta.url)\n\n    // 우선순위:\n    // 1) monorepo link 시 dist/module.mjs → ../src/components (소스 직접, 재빌드 없이 UI 수정)\n    // 2) publish 패키지 dist/runtime/components\n    // 3) src/module.ts 로 직접 로드할 때 ./components\n    const candidates = [\n      resolve('../src/components'),\n      resolve('./runtime/components'),\n      resolve('./components'),\n    ]\n    const componentsDir = candidates.find(p => existsSync(p))\n    if (!componentsDir) {\n      throw new Error('[memi-board] components directory not found')\n    }\n    nuxt.options.build.transpile.push('memi-board')\n\n    nuxt.options.vite ||= {}\n\n    // link:/file: 설치 시 memi-board 패키지 루트(dist/ 등)가 호스트의 node_modules\n    // 밖에 있어서 Vite dev 서버의 fs.allow 기본값(root + node_modules)에 안 걸린다 —\n    // /@fs/ 요청이 403(\"outside of Vite serving allow list\")으로 막히고, 그 403 HTML을\n    // JS로 파싱하려다 알 수 없는 SyntaxError가 난다. 패키지 루트를 명시적으로 허용한다.\n    const packageRoot = resolve('..')\n    nuxt.options.vite.server ||= {}\n    nuxt.options.vite.server.fs ||= {}\n    const fsAllow = new Set([\n      ...(nuxt.options.vite.server.fs.allow || []),\n      packageRoot,\n    ])\n    nuxt.options.vite.server.fs.allow = [...fsAllow]\n\n    nuxt.options.vite.resolve ||= {}\n    // link:/file: 로 설치 시 패키지 쪽 node_modules 의 vuefire·firebase 가\n    // 호스트와 이중으로 잡히면 useFirestore 가 깨져 permission-denied 가 난다.\n    const dedupe = new Set([\n      ...(nuxt.options.vite.resolve.dedupe || []),\n      'vue',\n      'vue-router',\n      'vuefire',\n      'firebase',\n      'nuxt',\n      '@tiptap/core',\n      '@tiptap/pm',\n      '@tiptap/vue-3',\n    ])\n    nuxt.options.vite.resolve.dedupe = [...dedupe]\n\n    nuxt.options.vite.optimizeDeps ||= {}\n    const exclude = new Set(nuxt.options.vite.optimizeDeps.exclude || [])\n    exclude.add('memi-board')\n    nuxt.options.vite.optimizeDeps.exclude = [...exclude]\n\n    // link:/file: 개발 중엔 memi-board의 실제 경로가 host의 node_modules 밖에 있어서\n    // Nuxt auto-import(unimport)의 \"node_modules는 건드리지 않는다\" 체크(경로에\n    // 'node_modules' 문자열이 있는지로 판단)를 그냥 통과해버린다 — 그러면 memi-board의\n    // dist 청크를 \"프로젝트 소스\"로 스캔하다가, rollup이 공유 청크의 export를 붙일 때\n    // 우연히 짧은 별칭(a, b, … h …)을 골랐는데 그게 Vue의 전역 auto-import `h`\n    // (hyperscript)와 겹치면 `import { h } from 'vue'`를 그 청크에 주입해버려서\n    // 이미 있는 `h` export 별칭과 충돌한다(\"Identifier 'h' has already been declared\").\n    // 명시적으로 제외해 이 청크는 절대 auto-import 스캔 대상이 되지 않게 한다\n    // (published npm 패키지 설치 시엔 이미 node_modules 안이라 원래도 제외 대상).\n    nuxt.options.imports ||= {}\n    nuxt.options.imports.transform ||= {}\n    const transformExclude = new Set([\n      ...(nuxt.options.imports.transform.exclude || []),\n      /[\\\\/]memi-board[\\\\/]dist[\\\\/]/,\n    ])\n    nuxt.options.imports.transform.exclude = [...transformExclude]\n\n    addComponentsDir({\n      path: componentsDir,\n      pathPrefix: false,\n      prefix: 'MemiBoard',\n      // List.vue → MemiBoardList\n    })\n\n    // SEO: 호스트 Nuxt 가 소스를 컴파일해야 #imports / useSeoMeta 가 앱 인스턴스를 탄다.\n    // dist/index.js 에 넣으면 link 시 패키지 node_modules/nuxt 로 해석되어 깨진다.\n    const seoCandidates = [\n      resolve('../src/composables/useMemiBoardSeo.ts'),\n      resolve('./runtime/composables/useMemiBoardSeo.ts'),\n      resolve('./composables/useMemiBoardSeo.ts'),\n    ]\n    const seoFrom = seoCandidates.find(p => existsSync(p))\n    if (!seoFrom) {\n      throw new Error('[memi-board] useMemiBoardSeo runtime not found')\n    }\n\n    const from = 'memi-board/runtime'\n    addImports([\n      { name: 'configureMemiBoard', from },\n      { name: 'useMemiBoardConfig', from },\n      { name: 'useMemiBoardAuth', from },\n      { name: 'useMemiBoardPosts', from },\n      { name: 'useMemiBoardComments', from },\n      { name: 'useMemiBoardViews', from },\n      { name: 'useMemiBoardModeration', from },\n      // 이미지 압축 등 브라우저 전용 — SSR 서버 번들에 안 섞이도록 별도 서브패스에서 해석\n      { name: 'useMemiBoardStorage', from: 'memi-board/storage' },\n      { name: 'useMemiBoardSettings', from },\n      { name: 'useMemiBoardUsers', from },\n      { name: 'useMemiBoardUserDirectory', from },\n      { name: 'useMemiBoardPostSeo', from: seoFrom },\n      { name: 'useMemiBoardListSeo', from: seoFrom },\n      { name: 'fetchPublicPostForSeo', from },\n      { name: 'fetchPublicListForSeo', from },\n      { name: 'resolvePublicSeoDb', from },\n      { name: 'versionHistory', from },\n      { name: 'useMemiBoardI18n', from },\n      { name: 'MEMI_BOARD_LOCALES', from },\n      { name: 'useMemiBoardAutoTranslate', from },\n    ])\n\n    const runtimeConfig = JSON.stringify(options).replace(/</g, '\\\\u003c')\n    const configPlugin = addTemplate({\n      filename: 'memi-board.config.mjs',\n      getContents: () => `\nimport { computed } from 'vue'\nimport { getApp } from 'firebase/app'\nimport { doc, getFirestore, onSnapshot } from 'firebase/firestore'\nimport {\n  configureMemiBoard,\n  applyMemiBoardSiteSettings,\n  useMemiBoardConfig,\n  isMemiBoardI18nEnabled,\n  memiBoardDefaultLocale,\n  loadMemiBoardLocale,\n  memiBoardHostLocaleKey,\n  normalizeMemiBoardLocale,\n} from 'memi-board/runtime'\n\nexport default defineNuxtPlugin({\n  name: 'memi-board:config',\n  // @nuxtjs/i18n 플러그인이 $i18n 을 만든 뒤 실행되어야 한다.\n  dependsOn: ['i18n:plugin'],\n  async setup(nuxtApp) {\n    configureMemiBoard(${runtimeConfig})\n    // 관리자가 보드 전체 설정 화면에서 바꾼 값(AI·국제화·기본 언어)을 호스트 설정 위에 덧씌운다.\n    // 브라우저에서만 구독한다. 서버 렌더링은 호스트 설정으로 그리고, 마운트 뒤에 값이 반영된다.\n    if (import.meta.client) {\n      nuxtApp.hook('app:mounted', () => {\n        try {\n          const db = getFirestore(getApp())\n          const cfg = useMemiBoardConfig()\n          onSnapshot(\n            doc(db, cfg.settingsCollection, '__app'),\n            snapshot => applyMemiBoardSiteSettings(snapshot.data()),\n            () => {},\n          )\n        }\n        catch {\n          // Firebase 가 아직 없으면 호스트 설정을 그대로 쓴다.\n        }\n      })\n    }\n    if (!isMemiBoardI18nEnabled()) {\n      const fixed = normalizeMemiBoardLocale(memiBoardDefaultLocale()) ?? 'ko'\n      await loadMemiBoardLocale(fixed)\n      return\n    }\n    // 호스트가 @nuxtjs/i18n 을 쓰면 그 언어를 게시판 기본 언어로 쓴다.\n    // 요청(SSR)마다 앱 인스턴스가 따로라 provide 로 넘긴다.\n    const i18n = nuxtApp.$i18n\n    if (!i18n?.locale) return\n    const hostLocale = computed(() => i18n.locale.value)\n    nuxtApp.vueApp.provide(memiBoardHostLocaleKey, hostLocale)\n    const initial = normalizeMemiBoardLocale(hostLocale.value)\n    if (initial) await loadMemiBoardLocale(initial)\n  },\n})\n`,\n    })\n    addPlugin(configPlugin.dst)\n  },\n})\n\nexport default memiBoardModule\n"],"mappings":"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"}

package/dist/runtime/components/AccountDeletion.vue

@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { useMemiBoardI18n } from 'memi-board/runtime'
+
+const props = withDefaults(defineProps<{
+  state?: 'idle' | 'authenticating' | 'working' | 'error'
+  processed?: number
+  error?: string
+  isOwner?: boolean
+  accountLabel?: string | null
+  lockedPolicy?: boolean | null
+}>(), { state: 'idle', processed: 0, error: '', isOwner: false, accountLabel: null, lockedPolicy: null })
+const emit = defineEmits<{ confirm: [options: { deleteContent: boolean }] }>()
+const { t, formatNumber } = useMemiBoardI18n()
+const open = ref(false)
+const deleteContent = ref(false)
+const acknowledged = ref(false)
+const confirmation = ref('')
+const busy = computed(() => props.state === 'authenticating' || props.state === 'working')
+const canConfirm = computed(() => !busy.value && !props.isOwner && acknowledged.value && confirmation.value === 'DELETE')
+watch(() => props.lockedPolicy, value => { if (value !== null) deleteContent.value = value }, { immediate: true })
+function showConfirmation() {
+  if (busy.value || props.isOwner) return
+  confirmation.value = ''
+  acknowledged.value = false
+  if (props.lockedPolicy === null) deleteContent.value = false
+  open.value = true
+}
+</script>
+
+<template>
+  <section class="mt-6 rounded-xl border border-error/20 bg-error/3 p-4">
+    <h3 class="text-sm font-semibold text-highlighted">{{ t('accountDeletion.title') }}</h3>
+    <p class="mt-1 text-xs leading-5 text-muted">{{ t(isOwner ? 'accountDeletion.ownerBlocked' : 'accountDeletion.intro') }}</p>
+    <UButton class="mt-3" color="error" variant="ghost" size="sm" :disabled="isOwner || busy" :loading="busy" :label="t('accountDeletion.open')" @click="showConfirmation" />
+  </section>
+  <UModal v-model:open="open" :title="t('accountDeletion.title')" :description="t('accountDeletion.description')" :dismissible="!busy" :close="!busy" :ui="{ content: 'sm:max-w-lg' }">
+    <template #body>
+      <div class="space-y-5">
+        <p v-if="accountLabel" class="break-all rounded-lg bg-muted p-3 text-sm font-medium text-highlighted">{{ accountLabel }}</p>
+        <UAlert color="warning" variant="subtle" icon="i-lucide-triangle-alert" :description="t('accountDeletion.authWarning')" />
+        <UCheckbox v-model="deleteContent" :disabled="busy || lockedPolicy !== null" :label="t('accountDeletion.deleteContent')" :description="t('accountDeletion.contentWarning')" />
+        <p class="text-xs leading-5 text-muted">{{ t('accountDeletion.retention') }}</p>
+        <p v-if="lockedPolicy !== null" class="text-xs text-warning">{{ t('accountDeletion.resumePolicy') }}</p>
+        <UCheckbox v-model="acknowledged" :disabled="busy" :label="t('accountDeletion.acknowledge')" />
+        <UFormField :label="t('accountDeletion.typeConfirmation')">
+          <UInput v-model="confirmation" :disabled="busy" placeholder="DELETE" autocomplete="off" spellcheck="false" class="w-full" @keydown.enter.prevent="canConfirm && emit('confirm', { deleteContent })" />
+        </UFormField>
+        <div v-if="busy" role="status" aria-live="polite" class="space-y-2 rounded-lg border border-default p-4">
+          <p class="text-sm font-medium text-highlighted">{{ t(state === 'authenticating' ? 'accountDeletion.authenticating' : 'accountDeletion.working') }}</p>
+          <UProgress />
+          <p class="text-xs leading-5 text-muted">{{ t('accountDeletion.progress', { count: formatNumber(processed) }) }}</p>
+        </div>
+        <UAlert v-if="error" color="error" variant="subtle" :description="error" />
+      </div>
+    </template>
+    <template #footer>
+      <div class="flex w-full justify-end gap-2">
+        <UButton color="neutral" variant="outline" :disabled="busy" :label="t('common.action.cancel')" @click="open = false" />
+        <UButton color="error" :loading="busy" :disabled="!canConfirm" :label="t(lockedPolicy !== null ? 'accountDeletion.resume' : 'accountDeletion.confirm')" @click="emit('confirm', { deleteContent })" />
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/AuthorMenu.vue

@@ -22,13 +22,13 @@ const props = withDefaults(defineProps<{
 
 const { t } = useMemiBoardI18n()
 
-const authorProfileLink = computed(() => props.authorProfileTo?.(props.authorUid))
-const authorPostsLink = computed(() => props.authorPostsTo?.(props.authorUid))
-const authorCommentsLink = computed(() => props.authorCommentsTo?.(props.authorUid))
+const authorProfileLink = computed(() => props.authorUid ? props.authorProfileTo?.(props.authorUid) : undefined)
+const authorPostsLink = computed(() => props.authorUid ? props.authorPostsTo?.(props.authorUid) : undefined)
+const authorCommentsLink = computed(() => props.authorUid ? props.authorCommentsTo?.(props.authorUid) : undefined)
 
 // 다른 작성자에 대해 나만 보는 메모 — 로그인 안 했거나 내 글이면 메뉴 항목 자체를 숨긴다.
 const { user } = useMemiBoardAuth()
-const showMemo = computed(() => !!user.value?.uid && user.value.uid !== props.authorUid)
+const showMemo = computed(() => !!props.authorUid && !!user.value?.uid && user.value.uid !== props.authorUid)
 const { text: memoText, sentiment: memoSentiment, loaded: memoLoaded, saving: memoSaving, error: memoError, load: loadMemo, save: saveMemo, remove: removeMemo } = useMemiBoardAuthorMemo(() => props.authorUid)
 const menuOpen = ref(false)
 const memoOpen = ref(false)

package/dist/runtime/components/CommentFeed.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import MemiBoardSurface from './BoardSurface.vue'
+import MemiBoardAuthorMenu from './AuthorMenu.vue'
 import { computed, ref, resolveComponent, toRef } from 'vue'
 import { displayCommentBody, useMemiBoardCommentFeed, useMemiBoardI18n } from 'memi-board/runtime'
 import type { CommentFeedSort, CommentModel } from 'memi-board/runtime'
@@ -11,6 +12,9 @@ const props = withDefaults(defineProps<{
   pageSize?: number
   getPostLink?: (comment: CommentModel) => string | undefined
   getAuthorLink?: (uid: string) => string | undefined
+  authorProfileTo?: (authorUid: string) => string | undefined
+  authorPostsTo?: (authorUid: string) => string | undefined
+  authorCommentsTo?: (authorUid: string) => string | undefined
   boardLabel?: (boardId: string) => string | undefined
 }>(), {
   sort: 'latest',
@@ -32,10 +36,6 @@ function commentLink(comment: CommentModel): string | undefined {
   return props.getPostLink?.(comment)
 }
 
-function authorLink(comment: CommentModel): string | undefined {
-  return comment.authorUid ? props.getAuthorLink?.(comment.authorUid) : undefined
-}
-
 function boardName(comment: CommentModel): string {
   if (!comment.boardId) return ''
   return props.boardLabel?.(comment.boardId) || comment.boardId
@@ -81,14 +81,19 @@ const emptyMessage = computed(() =>
         class="rounded-lg border border-default p-3 transition-colors hover:bg-elevated/60"
       >
         <div class="flex items-center gap-2 text-xs text-muted">
-          <component
-            :is="authorLink(comment) ? NuxtLink : 'span'"
-            :to="authorLink(comment)"
-            class="truncate font-medium text-highlighted"
-            :class="authorLink(comment) ? 'hover:underline' : ''"
-          >
+          <MemiBoardAuthorMenu
+            v-if="comment.authorUid"
+            :author-uid="comment.authorUid"
+            :author-name="comment.authorName"
+            :author-photo="comment.authorPhoto"
+            :show-avatar="false"
+            :author-profile-to="authorProfileTo ?? getAuthorLink"
+            :author-posts-to="authorPostsTo"
+            :author-comments-to="authorCommentsTo"
+          />
+          <span v-else class="truncate font-medium text-highlighted">
             {{ comment.authorName || t('common.label.anonymous') }}
-          </component>
+          </span>
           <span v-if="boardName(comment)">· {{ boardName(comment) }}</span>
           <span>· {{ formatRelativeDate(comment.createdAt, now) }}</span>
           <span v-if="comment.parentId || comment.isReply">· {{ t('common.action.reply') }}</span>
@@ -112,8 +117,7 @@ const emptyMessage = computed(() =>
             <span
               v-if="comment.replyToName"
               class="mr-1 text-primary"
-            >@{{ comment.replyToName }}</span>
-            {{ displayCommentBody(comment, locale) }}
+            >@{{ comment.replyToName }}</span><span v-text="displayCommentBody(comment, locale)" />
           </p>
           <p
             v-if="(comment.likeCount ?? 0) > 0"

package/dist/runtime/components/CommentForm.vue

@@ -134,69 +134,71 @@ onUnmounted(() => {
 <template>
   <form
     v-if="isSignedIn && canComment"
-    class="flex flex-col gap-2"
+    class="overflow-hidden rounded-xl border border-default bg-default"
     @submit.prevent="handleSubmit"
   >
-    <UTextarea
-      v-model="body"
-      @paste="imageField?.handlePaste($event)"
-      :placeholder="parent ? t('commentForm.replyTo', { name: parent.authorName || t('common.label.user') }) : t('commentForm.placeholder')"
-      :rows="2"
-      autoresize
-      :maxrows="10"
-      :disabled="submitting || aiBusy || isWriteRestricted"
-      :maxlength="COMMENT_BODY_MAX_LENGTH"
-    />
-    <MemiBoardCommentAi v-model="body" v-model:translations="translations" :board-id="boardId"
-      :disabled="submitting || imageBusy || isWriteRestricted" @busy="aiBusy = $event" />
-    <MemiBoardCommentImageField
-      ref="imageField"
-      v-model="image"
-      :post-id="postId"
-      :comment-id="draftId"
-      :disabled="submitting || isWriteRestricted"
-      @busy="imageBusy = $event"
-    />
-    <p
-      v-if="isWriteRestricted && restrictedMessage"
-      class="text-xs text-warning"
-    >
-      {{ restrictedMessage }}
-    </p>
-    <div class="flex justify-between items-center">
-      <span class="text-xs text-dimmed">{{ formatNumber(body.length) }} / {{ formatNumber(COMMENT_BODY_MAX_LENGTH) }}</span>
-      <p
-        v-if="error"
-        class="text-xs text-error"
-      >
+    <div class="flex flex-col gap-3 p-3 sm:p-4">
+      <UTextarea
+        v-model="body"
+        @paste="imageField?.handlePaste($event)"
+        :placeholder="parent ? t('commentForm.replyTo', { name: parent.authorName || t('common.label.user') }) : t('commentForm.placeholder')"
+        :rows="3"
+        autoresize
+        :maxrows="10"
+        :disabled="submitting || aiBusy || isWriteRestricted"
+        :maxlength="COMMENT_BODY_MAX_LENGTH"
+        class="w-full"
+      />
+      <p v-if="isWriteRestricted && restrictedMessage" class="text-xs text-warning">
+        {{ restrictedMessage }}
+      </p>
+      <p v-if="error" class="text-xs text-error" role="alert">
         {{ error }}
       </p>
-      <p
-        v-else-if="notice"
-        class="text-xs text-warning"
-      >
+      <p v-else-if="notice" class="text-xs text-warning" role="status">
         {{ notice }}
       </p>
-      <div class="flex-1" />
-      <UButton
-        v-if="parent"
-        type="button"
-        size="sm"
-        :label="t('common.action.cancel')"
-        color="neutral"
-        variant="ghost"
-        :disabled="imageBusy || submitting || aiBusy"
-        @click="handleCancel"
-      />
-      <UButton
-        type="submit"
-        @pointerdown="imeSafeSubmitPointerDown"
-        @click="imeSafeSubmitClick"
-        size="sm"
-        :label="parent ? t('commentForm.submitReply') : t('commentForm.submit')"
-        :loading="submitting"
-        :disabled="!body.trim() || isWriteRestricted || imageBusy || aiBusy"
+    </div>
+    <div class="flex flex-col gap-3 border-t border-default bg-muted/30 px-3 py-2.5 sm:flex-row sm:items-center sm:px-4">
+      <MemiBoardCommentImageField
+        ref="imageField"
+        v-model="image"
+        :post-id="postId"
+        :comment-id="draftId"
+        :disabled="submitting || isWriteRestricted"
+        compact
+        class="min-w-0 flex-1"
+        @busy="imageBusy = $event"
       />
+      <div class="ms-auto flex shrink-0 flex-wrap items-center justify-end gap-2 sm:gap-3">
+        <MemiBoardCommentAi
+          v-model="body"
+          v-model:translations="translations"
+          :board-id="boardId"
+          :disabled="submitting || imageBusy || isWriteRestricted"
+          @busy="aiBusy = $event"
+        />
+        <span class="text-xs text-dimmed tabular-nums">{{ formatNumber(body.length) }} / {{ formatNumber(COMMENT_BODY_MAX_LENGTH) }}</span>
+        <UButton
+          v-if="parent"
+          type="button"
+          size="sm"
+          :label="t('common.action.cancel')"
+          color="neutral"
+          variant="ghost"
+          :disabled="imageBusy || submitting || aiBusy"
+          @click="handleCancel"
+        />
+        <UButton
+          type="submit"
+          @pointerdown="imeSafeSubmitPointerDown"
+          @click="imeSafeSubmitClick"
+          size="sm"
+          :label="parent ? t('commentForm.submitReply') : t('commentForm.submit')"
+          :loading="submitting"
+          :disabled="!body.trim() || isWriteRestricted || imageBusy || aiBusy"
+        />
+      </div>
     </div>
   </form>
   <component

package/dist/runtime/components/CommentImageField.vue

@@ -9,6 +9,7 @@ const props = defineProps<{
   commentId: string
   modelValue: Attachment | null
   disabled?: boolean
+  compact?: boolean
 }>()
 
 const emit = defineEmits<{
@@ -180,8 +181,9 @@ onUnmounted(() => {
     <button
       v-else
       type="button"
-      class="rounded-md border border-dashed px-3 py-4 text-left text-xs text-muted transition-colors disabled:cursor-not-allowed disabled:opacity-60"
-      :class="dragOver ? 'border-primary bg-elevated/60' : 'border-default hover:bg-elevated/40'"
+      class="flex items-center gap-2 rounded-md border border-dashed px-3 text-left text-xs text-muted transition-colors disabled:cursor-not-allowed disabled:opacity-60"
+      :class="[compact ? 'py-2.5' : 'py-4', dragOver ? 'border-primary bg-elevated/60' : 'border-default hover:bg-elevated/40']"
+      :title="compact ? t('commentForm.attachNote') : undefined"
       :disabled="disabled || uploading"
       @click="openPicker"
       @dragenter.prevent="dragOver = true"
@@ -189,6 +191,7 @@ onUnmounted(() => {
       @dragleave="onDragLeave"
       @drop.prevent="onDrop"
     >
+      <UIcon v-if="compact" name="i-lucide-image-plus" class="size-4 shrink-0" />
       {{ uploading ? t('commentForm.uploading') : t('commentForm.attachHint') }}
     </button>
     <UProgress
@@ -196,7 +199,7 @@ onUnmounted(() => {
       :model-value="Math.round(progress * 100)"
       size="sm"
     />
-    <p class="text-xs text-dimmed">
+    <p v-if="!compact" class="text-xs text-dimmed">
       {{ t('commentForm.attachNote') }}
     </p>
     <p

package/dist/runtime/components/CommentItem.vue

@@ -13,6 +13,7 @@ import {
   useMemiBoardI18n,
   useMemiBoardModeration,
 } from 'memi-board/runtime'
+import MemiBoardAuthorMenu from './AuthorMenu.vue'
 import MemiBoardCommentAi from './CommentAi.vue'
 import MemiBoardCommentImageField from './CommentImageField.vue'
 import MemiBoardImageLightbox from './ImageLightbox.vue'
@@ -23,6 +24,9 @@ const props = defineProps<{
   postId: string
   now: number
   deleting?: boolean
+  authorProfileTo?: (authorUid: string) => string | undefined
+  authorPostsTo?: (authorUid: string) => string | undefined
+  authorCommentsTo?: (authorUid: string) => string | undefined
 }>()
 
 const emit = defineEmits<{
@@ -189,7 +193,17 @@ async function toggleLike() {
     />
     <div class="min-w-0 flex-1">
       <div class="flex items-center gap-2">
-        <span class="text-sm font-medium">{{ comment.authorName ?? t('common.label.anonymous') }}</span>
+        <MemiBoardAuthorMenu
+          v-if="comment.authorUid"
+          :author-uid="comment.authorUid"
+          :author-name="comment.authorName"
+          :author-photo="comment.authorPhoto"
+          :show-avatar="false"
+          :author-profile-to="authorProfileTo"
+          :author-posts-to="authorPostsTo"
+          :author-comments-to="authorCommentsTo"
+        />
+        <span v-else class="text-sm font-medium">{{ comment.authorName ?? t('common.label.anonymous') }}</span>
         <UPopover :content="{ side: 'top' }" :ui="{ content: 'h-auto w-max' }">
           <time
             :datetime="date?.toISOString()"
@@ -275,8 +289,7 @@ async function toggleLike() {
       </div>
       <div v-else>
         <p class="whitespace-pre-wrap break-words text-sm">
-          <span v-if="comment.parentId && comment.replyToName" class="mr-1 text-primary">@{{ comment.replyToName }}</span>
-          {{ displayedBody }}
+          <span v-if="comment.parentId && comment.replyToName" class="mr-1 text-primary">@{{ comment.replyToName }}</span><span v-text="displayedBody" />
         </p>
         <button
           v-if="localImage"

package/dist/runtime/components/CommentList.vue

@@ -9,7 +9,13 @@ import {
 import MemiBoardCommentSkeleton from './CommentSkeleton.vue'
 import MemiBoardCommentThread from './CommentThread.vue'
 
-const props = defineProps<{ boardId: string, postId: string }>()
+const props = defineProps<{
+  boardId: string
+  postId: string
+  authorProfileTo?: (authorUid: string) => string | undefined
+  authorPostsTo?: (authorUid: string) => string | undefined
+  authorCommentsTo?: (authorUid: string) => string | undefined
+}>()
 
 const { t } = useMemiBoardI18n()
 
@@ -99,6 +105,9 @@ onUnmounted(() => {
       :board-id="boardId"
       :post-id="postId"
       :now="now"
+      :author-profile-to="authorProfileTo"
+      :author-posts-to="authorPostsTo"
+      :author-comments-to="authorCommentsTo"
     />
 
     <div

package/dist/runtime/components/CommentThread.vue

@@ -6,7 +6,15 @@ import MemiBoardCommentForm from './CommentForm.vue'
 import MemiBoardCommentItem from './CommentItem.vue'
 import MemiBoardCommentSkeleton from './CommentSkeleton.vue'
 
-const props = defineProps<{ boardId: string, postId: string, root: CommentModel, now: number }>()
+const props = defineProps<{
+  boardId: string
+  postId: string
+  root: CommentModel
+  now: number
+  authorProfileTo?: (authorUid: string) => string | undefined
+  authorPostsTo?: (authorUid: string) => string | undefined
+  authorCommentsTo?: (authorUid: string) => string | undefined
+}>()
 
 const { t } = useMemiBoardI18n()
 
@@ -81,6 +89,9 @@ async function handleDelete(comment: CommentModel) {
       :board-id="boardId"
       :post-id="postId"
       :now="now"
+      :author-profile-to="authorProfileTo"
+      :author-posts-to="authorPostsTo"
+      :author-comments-to="authorCommentsTo"
       :deleting="deletingId === root.id"
       @reply="startReply"
       @delete="handleDelete(root)"
@@ -104,8 +115,11 @@ async function handleDelete(comment: CommentModel) {
         :key="reply.id"
         :comment="reply"
         :board-id="boardId"
-      :post-id="postId"
+        :post-id="postId"
         :now="now"
+        :author-profile-to="authorProfileTo"
+        :author-posts-to="authorPostsTo"
+        :author-comments-to="authorCommentsTo"
         :deleting="deletingId === reply.id"
         :class="(reply.depth ?? 1) >= 2 ? 'ml-4 sm:ml-8' : ''"
         @reply="startReply"

package/dist/runtime/components/Detail.vue

@@ -435,7 +435,13 @@ watch(() => props.postId, () => {
       <h2 class="text-sm font-medium text-muted">
         {{ t('detail.comments') }}
       </h2>
-      <MemiBoardCommentList :board-id="boardId" :post-id="postId" />
+      <MemiBoardCommentList
+        :board-id="boardId"
+        :post-id="postId"
+        :author-profile-to="authorProfileTo"
+        :author-posts-to="authorPostsTo"
+        :author-comments-to="authorCommentsTo"
+      />
       <MemiBoardCommentForm :board-id="boardId" :post-id="postId" />
     </section>
 

package/dist/runtime/components/Editor.vue

@@ -50,7 +50,7 @@ const emit = defineEmits<{ saved: [id: string], cancel: [] }>()
 
 const { user, isSignedIn, isWriteRestricted, restrictedMessage, canManageBoard } = useMemiBoardAuth()
 const resolvedBoardId = computed(() => props.boardId || props.fixedCategory || '')
-const { createPostId, getPost, createPost, updatePost, resolveUniqueSlug, setPostPinned } = useMemiBoardPosts(resolvedBoardId)
+const { createPostId, getPost, createPost, updatePost, setPostPinned } = useMemiBoardPosts(resolvedBoardId)
 const { getBoard, ensureSettings } = useMemiBoardSettings()
 // 보드 설정 언어 → 호스트 언어 순.
 const { t, dir, locale, translationEnabled, aiEnabled } = useMemiBoardI18n({ boardLocale: () => getBoard(resolvedBoardId.value)?.locale })
@@ -1161,9 +1161,6 @@ async function handleSubmit() {
 
   saving.value = true
   submitHint.value = t('editor.hint.reviewing')
-  // 새 글 slug 중복 확인을 검열과 동시에 시작 — 검열에 걸리면 결과만 버린다.
-  const slugPromise = !props.postId && !imageBoard ? resolveUniqueSlug(title.value) : null
-  slugPromise?.catch(() => {})
   try {
     const plain = plainTextFromHtml(content.value)
     const moderationText = `${title.value}\n${plain}`
@@ -1226,7 +1223,6 @@ async function handleSubmit() {
     else {
       const id = await createPost({
         ...payload,
-        slug: (await slugPromise) ?? undefined,
         postId: attachmentNamespace.value,
         authorUid: user.value.uid,
         authorName: user.value.displayName,

package/dist/runtime/components/Profile.vue

@@ -6,6 +6,8 @@ import MemiBoardProfileEditModal from './ProfileEditModal.vue'
 
 const props = defineProps<{
   uid: string
+  /** 본인 프로필의 수정 버튼 대신 표시할 호스트 계정 페이지 주소. */
+  accountTo?: string
 }>()
 
 const { profile, profilePending } = useMemiBoardUserProfile(() => props.uid)
@@ -84,7 +86,17 @@ const aiUsage = computed(() => {
         </p>
       </div>
       <UButton
-        v-if="isOwnProfile"
+        v-if="isOwnProfile && accountTo"
+        :to="accountTo"
+        :label="t('profile.myAccount')"
+        icon="i-lucide-user-round"
+        color="neutral"
+        variant="outline"
+        size="sm"
+        class="shrink-0"
+      />
+      <UButton
+        v-else-if="isOwnProfile"
         :label="t('common.action.edit')"
         icon="i-lucide-pencil"
         color="neutral"
@@ -125,7 +137,7 @@ const aiUsage = computed(() => {
   </div>
 
   <MemiBoardProfileEditModal
-    v-if="isOwnProfile"
+    v-if="isOwnProfile && !accountTo"
     v-model:open="editOpen"
     :uid="uid"
     :profile="profile"