memi-board 0.48.0 → 0.48.1

package/dist/runtime/components/CommentForm.vue

@@ -39,6 +39,7 @@ const deniedMessage = computed(() => {
 const body = ref('')
 const draftId = ref(newCommentId())
 const image = ref<Attachment | null>(null)
+const imageField = ref<InstanceType<typeof MemiBoardCommentImageField> | null>(null)
 const imageBusy = ref(false)
 const submitting = ref(false)
 const error = ref('')
@@ -116,11 +117,13 @@ onUnmounted(() => {
   >
     <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"
       :maxlength="COMMENT_BODY_MAX_LENGTH"
     />
     <MemiBoardCommentImageField
+      ref="imageField"
       v-model="image"
       :post-id="postId"
       :comment-id="draftId"

package/dist/runtime/components/CommentImageField.vue

@@ -108,6 +108,22 @@ async function useFile(file: File) {
   }
 }
 
+function handlePaste(event: ClipboardEvent) {
+  if (props.disabled || uploading.value) return
+  const clipboard = event.clipboardData
+  if (!clipboard) return
+  const file = Array.from(clipboard.items)
+    .filter(item => item.kind === 'file')
+    .map(item => item.getAsFile())
+    .find((item): item is File => !!item && isCommentImageFile(item))
+    ?? Array.from(clipboard.files).find(isCommentImageFile)
+  if (!file) return
+  event.preventDefault()
+  void useFile(file)
+}
+
+defineExpose({ handlePaste })
+
 function onInput(event: Event) {
   const input = event.target as HTMLInputElement
   const file = input.files?.[0]

package/dist/runtime/components/CommentItem.vue

@@ -43,6 +43,7 @@ const editBody = ref(props.comment.body)
 const localBody = ref(props.comment.body)
 const localImage = ref<Attachment | null>(props.comment.images?.[0] ?? null)
 const editImage = ref<Attachment | null>(localImage.value)
+const imageField = ref<InstanceType<typeof MemiBoardCommentImageField> | null>(null)
 const imageBusy = ref(false)
 const localUpdatedAt = ref(props.comment.updatedAt)
 const localBlinded = ref(props.comment.isBlinded ?? false)
@@ -199,11 +200,13 @@ async function toggleLike() {
       >
         <UTextarea
           v-model="editBody"
+          @paste="imageField?.handlePaste($event)"
           :rows="2"
           :maxlength="COMMENT_BODY_MAX_LENGTH"
           autofocus
         />
         <MemiBoardCommentImageField
+          ref="imageField"
           v-if="comment.id"
           v-model="editImage"
           :post-id="postId"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "memi-board",
-  "version": "0.48.0",
+  "version": "0.48.1",
   "type": "module",
   "description": "Nuxt 4 + Nuxt UI + VueFire/Firebase 전용 게시판 모듈",
   "license": "MIT",