Propagate event listeners to message base class(es)

src/components/messages/MessageIncomingAudio.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{...$props, ...$attrs}">
+  <message-incoming v-bind="{...$props, ...$attrs}" v-on="$listeners">
     <div class="bubble audio-bubble">
       <audio-player :src="src">Audio file</audio-player>
     </div>

src/components/messages/MessageIncomingFile.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{...$props, ...$attrs}">
+  <message-incoming v-bind="{...$props, ...$attrs}" v-on="$listeners">
     <div class="bubble">
       <div class="original-message" v-if="inReplyToText">
         <div class="original-message-sender">

src/components/messages/MessageIncomingImage.vue

@@ -1,5 +1,5 @@
 <template>
-<message-incoming v-bind="{...$props, ...$attrs}">
+<message-incoming v-bind="{...$props, ...$attrs}" v-on="$listeners">
       <div class="bubble image-bubble">
       <v-img
         :aspect-ratio="16 / 9"

src/components/messages/MessageIncomingSticker.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{ ...$props, ...$attrs }">
+  <message-incoming v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
     <div class="bubble sticker-bubble">
       <v-img
         :aspect-ratio="16 / 9"

src/components/messages/MessageIncomingText.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{...$props, ...$attrs}">
+  <message-incoming v-bind="{...$props, ...$attrs}" v-on="$listeners">
     <div class="bubble">
       <div class="original-message" v-if="inReplyToText">
         <div class="original-message-sender">

src/components/messages/MessageIncomingVideo.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{ ...$props, ...$attrs }">
+  <message-incoming v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
     <div class="bubble image-bubble">
       <v-responsive :aspect-ratio="16 / 9" :src="src">
         <video :src="src" controls style="width: 100%; height: 100%">

src/components/messages/MessageOutgoingAudio.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
     <div class="audio-bubble">
       <audio-player :src="src">Audio file</audio-player>
     </div>

src/components/messages/MessageOutgoingFile.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
     <div class="bubble">
       <div class="original-message" v-if="inReplyToText">
         <div class="original-message-sender">

src/components/messages/MessageOutgoingImage.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
     <div class="bubble image-bubble">
       <v-img
         :aspect-ratio="16 / 9"

src/components/messages/MessageOutgoingSticker.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
     <div class="bubble sticker-bubble">
       <v-img
         :aspect-ratio="16 / 9"

src/components/messages/MessageOutgoingText.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
     <div class="bubble">
       <div class="original-message" v-if="inReplyToText">
         <div class="original-message-sender">

src/components/messages/MessageOutgoingVideo.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
     <div class="bubble image-bubble">
       <v-responsive :aspect-ratio="16 / 9" class="ma-0 pa-0">
         <video :src="src" controls style="width: 100%; height: 100%">