(fix) add transition div wrapper

Author: antoine92190

.eslintrc.js

@@ -3,7 +3,7 @@ module.exports = {
 	env: {
 		node: true
 	},
-	extends: ['standard', 'plugin:vue/recommended', '@vue/typescript'],
+	extends: ['standard', 'plugin:vue/vue3-recommended', '@vue/typescript'],
 	rules: {
 		'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
 		'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',

src/lib/Room/Room.vue

@@ -38,13 +38,15 @@
 			<div class="vac-messages-container">
 				<div :class="{ 'vac-messages-hidden': loadingMessages }">
 					<transition name="vac-fade-message">
-						<div v-if="showNoMessages" class="vac-text-started">
-							<slot name="messages-empty">
-								{{ textMessages.MESSAGES_EMPTY }}
-							</slot>
-						</div>
-						<div v-if="showMessagesStarted" class="vac-text-started">
-							{{ textMessages.CONVERSATION_STARTED }} {{ messages[0].date }}
+						<div>
+							<div v-if="showNoMessages" class="vac-text-started">
+								<slot name="messages-empty">
+									{{ textMessages.MESSAGES_EMPTY }}
+								</slot>
+							</div>
+							<div v-if="showMessagesStarted" class="vac-text-started">
+								{{ textMessages.CONVERSATION_STARTED }} {{ messages[0].date }}
+							</div>
 						</div>
 					</transition>
 					<transition name="vac-fade-message">