Remove $listeners

src/components/ActionRow.vue

@@ -3,7 +3,6 @@
     class="action-row ma-0 pa-0"
     no-gutters
     align-content="center"
-    v-on="$listeners"
   >
     <v-col cols="auto" class="me-2 align-self-center">
       <v-icon :size="iconSize">{{ icon }}</v-icon>

src/components/AudioLayout.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-bind="{ ...$props, ...$attrs }" v-on="$listeners" class="messageIn">
+  <div v-bind="{ ...$props, ...$attrs }" class="messageIn">
     <div class="load-earlier clickable" @click="loadPrevious">
       <v-icon color="white" size="28">expand_less</v-icon>
     </div>

src/components/SelectLanguageDialog.vue

@@ -2,7 +2,6 @@
   <v-dialog
     class="ma-0 pa-0"
     v-bind="{ ...$props, ...$attrs }"
-    v-on="$listeners"
     :width="$vuetify.display.smAndUp ? '940px' : '90%'"
   >
     <v-card class="dialog-card">

src/components/file_mode/FileDropLayout.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <div v-bind="{ ...$props, ...$attrs }">
     <!-- No attachments view -->
     <template v-if="!attachments || attachments.length == 0">
       <div>

src/components/messages/MessageIncoming.vue

@@ -23,8 +23,8 @@
         <v-icon>more_vert</v-icon>
       </v-btn>
     </div>
-    <QuickReactionsChannel v-if="room.displayType == ROOM_TYPE_CHANNEL" :event="eventForReactions" :timelineSet="timelineSet" v-on="$listeners"/>
+    <QuickReactionsChannel v-if="room.displayType == ROOM_TYPE_CHANNEL" :event="eventForReactions" :timelineSet="timelineSet" v-bind="$attrs"/>
-    <QuickReactions v-else :event="eventForReactions" :timelineSet="timelineSet" v-on="$listeners"/>
+    <QuickReactions v-else :event="eventForReactions" :timelineSet="timelineSet" v-bind="$attrs"/>
     <SeenBy v-if="room.displayType != ROOM_TYPE_CHANNEL" :room="room" :event="event"/>
   </div>
 </template>

src/components/messages/MessageIncomingAudio.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{...$props, ...$attrs}" v-on="$listeners">
+  <message-incoming v-bind="{...$props, ...$attrs}">
     <div class="bubble audio-bubble">
       <audio-player :event="event" :timelineSet="timelineSet">{{ $t('fallbacks.audio_file')}}</audio-player>
     </div>

src/components/messages/MessageIncomingFile.vue

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

src/components/messages/MessageIncomingImage.vue

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

src/components/messages/MessageIncomingPoll.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <message-incoming v-bind="{ ...$props, ...$attrs }">
     <div class="bubble poll-bubble">
       <div class="poll-icon">
         <v-icon dark>$vuetify.icons.poll</v-icon>

src/components/messages/MessageIncomingSticker.vue

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

src/components/messages/MessageIncomingThread.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{ ...$props, ...$attrs }" v-on="$listeners" v-if="items.length > 1 || event.isRedacted() || forceMultiview">
+  <message-incoming v-bind="{ ...$props, ...$attrs }" v-if="items.length > 1 || event.isRedacted() || forceMultiview">
     <div class="bubble">
       <div class="original-message" v-if="inReplyToText">
         <div class="original-message-sender">{{ inReplyToSender }}</div>
@@ -10,7 +10,7 @@
       </div>
 
       <div class="message">
-        <SwipeableThumbnailsView :items="items" v-if="!event.isRedacted() && room.displayType == ROOM_TYPE_CHANNEL" v-on="$listeners" />
+        <SwipeableThumbnailsView :items="items" v-if="!event.isRedacted() && room.displayType == ROOM_TYPE_CHANNEL" v-bind="$attrs" />
         <v-container v-else-if="!event.isRedacted()" fluid class="imageCollection">
           <v-row wrap>
             <v-col v-for="({ size, item }) in layoutedItems()" :key="item.event.getId()" :cols="size">
@@ -32,7 +32,7 @@
   </message-incoming>
   <component v-else-if="items.length == 1" :is="componentFn(items[0].event)" 
     :originalEvent="items[0].event"
-    v-bind="{...$props, ...$attrs}" v-on="$listeners"
+    v-bind="{...$props, ...$attrs}"
   />
 </template>
 

src/components/messages/MessageIncomingVideo.vue

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

src/components/messages/MessageOutgoing.vue

@@ -29,8 +29,8 @@
       <AuthedImage v-if="userAvatar" :src="userAvatar" />
       <span v-else class="text-white headline">{{ userAvatarLetter }}</span>
     </v-avatar>
-    <QuickReactionsChannel v-if="room.displayType == ROOM_TYPE_CHANNEL" :event="eventForReactions" :timelineSet="timelineSet" v-on="$listeners"/>
+    <QuickReactionsChannel v-if="room.displayType == ROOM_TYPE_CHANNEL" :event="eventForReactions" :timelineSet="timelineSet" v-bind="$attrs"/>
-    <QuickReactions v-else :event="eventForReactions" :timelineSet="timelineSet" v-on="$listeners"/>
+    <QuickReactions v-else :event="eventForReactions" :timelineSet="timelineSet" v-bin="$attrs"/>
     <SeenBy v-if="room.displayType != ROOM_TYPE_CHANNEL" :room="room" :event="event"/>
   </div>
 </template>

src/components/messages/MessageOutgoingAudio.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }">
     <div class="bubble audio-bubble">
       <audio-player :event="event" :timelineSet="timelineSet">{{ $t('fallbacks.audio_file')}}</audio-player>
     </div>

src/components/messages/MessageOutgoingFile.vue

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

src/components/messages/MessageOutgoingImage.vue

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

src/components/messages/MessageOutgoingPoll.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }">
     <div class="bubble poll-bubble">
       <div class="poll-icon">
         <v-icon light>$vuetify.icons.poll</v-icon>

src/components/messages/MessageOutgoingSticker.vue

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

src/components/messages/MessageOutgoingThread.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners" v-if="items.length > 1 || event.isRedacted() || forceMultiview">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-if="items.length > 1 || event.isRedacted() || forceMultiview">
     <div class="bubble">
       <div class="original-message" v-if="inReplyToText">
         <div class="original-message-sender">{{ inReplyToSender }}</div>
@@ -11,7 +11,7 @@
 
 
       <div class="message">
-        <SwipeableThumbnailsView :items="items" v-if="!event.isRedacted() && room.displayType == ROOM_TYPE_CHANNEL" v-on="$listeners" />
+        <SwipeableThumbnailsView :items="items" v-if="!event.isRedacted() && room.displayType == ROOM_TYPE_CHANNEL" v-bind="$attrs" />
         <v-container v-else-if="!event.isRedacted()" fluid class="imageCollection">
           <v-row wrap>
             <v-col v-for="({ size, item }) in layoutedItems()" :key="item.event.getId()" :cols="size">
@@ -33,7 +33,7 @@
   </message-outgoing>
   <component v-else-if="items.length == 1" :is="componentFn(items[0].event)"
     :originalEvent="items[0].event"
-    v-bind="{...$props, ...$attrs}" v-on="$listeners"
+    v-bind="{...$props, ...$attrs}"
   />
 </template>
 

src/components/messages/MessageOutgoingVideo.vue

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

src/components/messages/export/MessageIncomingAudioExport.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <message-incoming v-bind="{ ...$props, ...$attrs }">
     <audio controls>{{ $t("fallbacks.audio_file") }}</audio>
   </message-incoming>
 </template>

src/components/messages/export/MessageIncomingFileExport.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-incoming v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <message-incoming v-bind="{ ...$props, ...$attrs }">
     <a style="text-decoration: none;color: currentColor" class="bubble" target="_blank" :href="href" >
       <div :class="{ 'thumbnail-item': true, 'preview': true, 'file-item': true }">
         <b>{{ $sanitize(fileName) }}</b>

src/components/messages/export/MessageIncomingImageExport.vue

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

src/components/messages/export/MessageIncomingThreadExport.vue

@@ -1,7 +1,7 @@
 <template>
-  <message-incoming class="messageIn-thread" v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <message-incoming class="messageIn-thread" v-bind="{ ...$props, ...$attrs }">
     <component v-for="item in items" :is="componentFn(item.event)" :originalEvent="item.event" :key="item.event.getId()"
-      v-bind="{ ...$props }" v-on="$listeners" ref="exportedEvent" />
+      v-bind="{ ...$props, ...$attrs }" ref="exportedEvent" />
   </message-incoming>
 </template>
 

src/components/messages/export/MessageIncomingVideoExport.vue

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

src/components/messages/export/MessageOutgoingAudioExport.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }">
     <audio controls>{{ $t("fallbacks.audio_file") }}</audio>
   </message-outgoing>
 </template>

src/components/messages/export/MessageOutgoingFileExport.vue

@@ -1,5 +1,5 @@
 <template>
-  <message-outgoing v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <message-outgoing v-bind="{ ...$props, ...$attrs }">
     <a style="text-decoration: none;color: currentColor" class="bubble" target="_blank" :href="href" >
       <div :class="{ 'thumbnail-item': true, 'preview': true, 'file-item': true }">
         <b>{{ $sanitize(fileName) }}</b>

src/components/messages/export/MessageOutgoingImageExport.vue

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

src/components/messages/export/MessageOutgoingThreadExport.vue

@@ -1,7 +1,7 @@
 <template>
-  <message-outgoing class="messageOut-thread" v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
+  <message-outgoing class="messageOut-thread" v-bind="{ ...$props, ...$attrs }">
     <component v-for="item in items" :is="componentFn(item.event)" :originalEvent="item.event" :key="item.event.getId()"
-      v-bind="{ ...$props }" v-on="$listeners" ref="exportedEvent" />
+      v-bind="{ ...$props, ...$attrs }" ref="exportedEvent" />
   </message-outgoing>
 </template>
 

src/components/messages/export/MessageOutgoingVideoExport.vue

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