Added a new message action: edit

components/MessageActions.vue

@@ -9,6 +9,10 @@ const props = defineProps({
   messageIndex: {
     type: Number,
     required: true
+  },
+  usePrompt: {
+    type: Function,
+    required: true
   }
 })
 
@@ -24,6 +28,10 @@ const copyMessage = () => {
   showSnackbar('Copied!')
 }
 
+const editMessage = () => {
+  props.usePrompt(props.message.message)
+}
+
 const deleteMessage = async () => {
   const { data, error } = await useAuthFetch(`/api/chat/messages/${props.message.id}/`, {
     method: 'DELETE'
@@ -53,8 +61,15 @@ const deleteMessage = async () => {
     <v-list>
       <v-list-item
           @click="copyMessage()"
+          :title="$t('copy')"
+          prepend-icon="content_copy"
+      >
+      </v-list-item>
+      <v-list-item
+          @click="editMessage()"
+          :title="$t('edit')"
+          prepend-icon="edit"
       >
-        <v-list-item-title>{{ $t('copy') }}</v-list-item-title>
       </v-list-item>
 <!--      <v-list-item-->
 <!--          @click="deleteMessage()"-->

lang/en-US.json

@@ -29,6 +29,7 @@
     "me": "Me",
     "ai": "AI"
   },
+  "edit": "Edit",
   "copy": "Copy",
   "copied": "Copied",
   "delete": "Delete",

lang/zh-CN.json

@@ -29,6 +29,7 @@
     "me": "我",
     "ai": "AI"
   },
+  "edit": "编辑",
   "copy": "复制",
   "copied": "已复制",
   "delete": "删除",

pages/index.vue

@@ -181,6 +181,7 @@ const deleteMessage = (index) => {
                 v-if="!message.is_bot"
                 :message="message"
                 :message-index="index"
+                :use-prompt="usePrompt"
             />
             <v-card
                 :color="message.is_bot ? '' : 'primary'"
@@ -195,6 +196,7 @@ const deleteMessage = (index) => {
                 v-if="message.is_bot"
                 :message="message"
                 :message-index="index"
+                :use-prompt="usePrompt"
             />
           </div>
         </v-col>