Added a new message action: delete

components/MessageActions.vue

@@ -13,6 +13,10 @@ const props = defineProps({
   usePrompt: {
     type: Function,
     required: true
+  },
+  deleteMessage: {
+    type: Function,
+    required: true
   }
 })
 
@@ -71,11 +75,12 @@ const deleteMessage = async () => {
           prepend-icon="edit"
       >
       </v-list-item>
-<!--      <v-list-item-->
+      <v-list-item
-<!--          @click="deleteMessage()"-->
+          @click="deleteMessage()"
-<!--      >-->
+          :title="$t('delete')"
-<!--        <v-list-item-title>{{ $t('delete') }}</v-list-item-title>-->
+          prepend-icon="delete"
-<!--      </v-list-item>-->
+      >
+      </v-list-item>
     </v-list>
   </v-menu>
 

pages/index.vue

@@ -182,6 +182,7 @@ const deleteMessage = (index) => {
                 :message="message"
                 :message-index="index"
                 :use-prompt="usePrompt"
+                :delete-message="deleteMessage"
             />
             <v-card
                 :color="message.is_bot ? '' : 'primary'"
@@ -197,6 +198,7 @@ const deleteMessage = (index) => {
                 :message="message"
                 :message-index="index"
                 :use-prompt="usePrompt"
+                :delete-message="deleteMessage"
             />
           </div>
         </v-col>