share-target でデフォルトテキストが表示sれないバグの修正

Author: Nagarei

src/components/ShareTarget/ShareTargetForm.vue

@@ -6,7 +6,10 @@
       label="投稿先チャンネル"
       :options="channelOptions"
     />
-    <share-target-message-input :class="[$style.item, $style.input]" />
+    <share-target-message-input
+      :class="[$style.item, $style.input]"
+      :default-text="defaultTextRef"
+    />
     <form-button
       :class="[$style.item, $style.button]"
       label="送信"
@@ -34,6 +37,7 @@ import { useUsersStore } from '/@/store/entities/users'
 const props = defineProps<{
   defaultText: string
 }>()
+const defaultTextRef = computed(() => props.defaultText)
 
 const emit = defineEmits<{
   (e: 'post'): void

src/components/ShareTarget/ShareTargetMessageInput.vue

@@ -7,8 +7,9 @@
           <textarea
             :id="id"
             ref="textareaRef"
-            v-model="state.text"
             :class="$style.input"
+            :value="defaultTextRef"
+            @input="event => state.text = (event.target as HTMLTextAreaElement)?.value"
           />
         </div>
         <div :class="$style.controls">
@@ -34,7 +35,7 @@
 import MessageInputFileList from '/@/components/Main/MainView/MessageInput/MessageInputFileList.vue'
 import MessageInputUploadButton from '/@/components/Main/MainView/MessageInput/MessageInputUploadButton.vue'
 import MessageInputInsertStampButton from '/@/components/Main/MainView/MessageInput/MessageInputInsertStampButton.vue'
-import { onMounted, shallowRef, ref, toRef } from 'vue'
+import { onMounted, shallowRef, computed, ref, toRef } from 'vue'
 import { randomString } from '/@/lib/basic/randomString'
 import useTextStampPickerInvoker from '../Main/MainView/composables/useTextStampPickerInvoker'
 import useAttachments from '../Main/MainView/MessageInput/composables/useAttachments'
@@ -45,6 +46,11 @@ import { useStampsStore } from '/@/store/entities/stamps'
 import { useStampPalettesStore } from '/@/store/entities/stampPalettes'
 import { useStampHistory } from '/@/store/domain/stampHistory'
 
+const props = defineProps<{
+  defaultText: string
+}>()
+const defaultTextRef = computed(() => props.defaultText)
+
 const { fetchStampHistory } = useStampHistory()
 const { fetchStamps } = useStampsStore()
 const { fetchStampPalettes } = useStampPalettesStore()