From f3b37f74793fd9327fca86b611bce1460b99c61b Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Mon, 10 May 2021 12:34:32 +0200
Subject: [PATCH] Propagate event listeners to message base class(es)

---
 src/components/messages/MessageIncomingAudio.vue   | 2 +-
 src/components/messages/MessageIncomingFile.vue    | 2 +-
 src/components/messages/MessageIncomingImage.vue   | 2 +-
 src/components/messages/MessageIncomingSticker.vue | 2 +-
 src/components/messages/MessageIncomingText.vue    | 2 +-
 src/components/messages/MessageIncomingVideo.vue   | 2 +-
 src/components/messages/MessageOutgoingAudio.vue   | 2 +-
 src/components/messages/MessageOutgoingFile.vue    | 2 +-
 src/components/messages/MessageOutgoingImage.vue   | 2 +-
 src/components/messages/MessageOutgoingSticker.vue | 2 +-
 src/components/messages/MessageOutgoingText.vue    | 2 +-
 src/components/messages/MessageOutgoingVideo.vue   | 2 +-
 12 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/messages/MessageIncomingAudio.vue b/src/components/messages/MessageIncomingAudio.vue
index a37f2b9..772e271 100644
--- a/src/components/messages/MessageIncomingAudio.vue
+++ b/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>
diff --git a/src/components/messages/MessageIncomingFile.vue b/src/components/messages/MessageIncomingFile.vue
index 7235d12..217935c 100644
--- a/src/components/messages/MessageIncomingFile.vue
+++ b/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">
diff --git a/src/components/messages/MessageIncomingImage.vue b/src/components/messages/MessageIncomingImage.vue
index b869840..7015b31 100644
--- a/src/components/messages/MessageIncomingImage.vue
+++ b/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"
diff --git a/src/components/messages/MessageIncomingSticker.vue b/src/components/messages/MessageIncomingSticker.vue
index 0a3a020..afa5800 100644
--- a/src/components/messages/MessageIncomingSticker.vue
+++ b/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"
diff --git a/src/components/messages/MessageIncomingText.vue b/src/components/messages/MessageIncomingText.vue
index 4c87a5c..340e697 100644
--- a/src/components/messages/MessageIncomingText.vue
+++ b/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">
diff --git a/src/components/messages/MessageIncomingVideo.vue b/src/components/messages/MessageIncomingVideo.vue
index ca784d1..104b53a 100644
--- a/src/components/messages/MessageIncomingVideo.vue
+++ b/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%">
diff --git a/src/components/messages/MessageOutgoingAudio.vue b/src/components/messages/MessageOutgoingAudio.vue
index 615b4b6..0c3488a 100644
--- a/src/components/messages/MessageOutgoingAudio.vue
+++ b/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>
diff --git a/src/components/messages/MessageOutgoingFile.vue b/src/components/messages/MessageOutgoingFile.vue
index cfa8a45..ce26d5b 100644
--- a/src/components/messages/MessageOutgoingFile.vue
+++ b/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">
diff --git a/src/components/messages/MessageOutgoingImage.vue b/src/components/messages/MessageOutgoingImage.vue
index 8045739..a0b1bec 100644
--- a/src/components/messages/MessageOutgoingImage.vue
+++ b/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"
diff --git a/src/components/messages/MessageOutgoingSticker.vue b/src/components/messages/MessageOutgoingSticker.vue
index 5aa7417..2fa7655 100644
--- a/src/components/messages/MessageOutgoingSticker.vue
+++ b/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"
diff --git a/src/components/messages/MessageOutgoingText.vue b/src/components/messages/MessageOutgoingText.vue
index f051a2b..009af85 100644
--- a/src/components/messages/MessageOutgoingText.vue
+++ b/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">
diff --git a/src/components/messages/MessageOutgoingVideo.vue b/src/components/messages/MessageOutgoingVideo.vue
index 8dd25af..0181fa4 100644
--- a/src/components/messages/MessageOutgoingVideo.vue
+++ b/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%">