(vue 3) add tansition-group span tag

Author: antoine92190

src/lib/Message/MessageActions/MessageActions.vue

@@ -9,7 +9,7 @@
 					filteredMessageActions.length && showReactionEmojis ? '70px' : '45px'
 			}"
 		>
-			<transition-group name="vac-slide-left">
+			<transition-group name="vac-slide-left" tag="span">
 				<div
 					v-if="isMessageActions || isMessageReactions"
 					key="1"

src/lib/Message/MessageReactions/MessageReactions.vue

@@ -1,5 +1,5 @@
 <template>
-	<transition-group v-if="!message.deleted" name="vac-slide-left">
+	<transition-group v-if="!message.deleted" name="vac-slide-left" tag="span">
 		<button
 			v-for="(reaction, key) in message.reactions"
 			v-show="reaction.length"

src/lib/Room/Room.vue

@@ -65,7 +65,7 @@
 							<div slot="no-more" />
 						</infinite-loading>
 					</transition>
-					<transition-group :key="roomId" name="vac-fade-message">
+					<transition-group :key="roomId" name="vac-fade-message" tag="span">
 						<div v-for="(m, i) in messages" :key="`m-${i}`">
 							<message
 								:current-user-id="currentUserId"