(props) rename formatMessages to textFormatting

Author: antoine92190

README.md

@@ -101,7 +101,7 @@ You can import it as a custom component:
 | showFiles                | Boolean          | -        | true    |
 | showEmojis               | Boolean          | -        | true    |
 | showReactionEmojis       | Boolean          | -        | true    |
-| formatMessages (7)       | Boolean          | -        | true    |
+| textFormatting (7)       | Boolean          | -        | true    |
 | textMessages (8)         | Object           | -        | null    |
 | responsiveBreakpoint (9) | Number           | -        | 900     |
 | singleRoom (10)          | Number           | -        | false   |
@@ -189,14 +189,14 @@ textMessages="{
 }"
 ```
 
-(8) `formatMessages` can be used to add text formatting. Currently, bold, italic, strikethrough and underline formatting are available. All text formatting can be used in conjonction. Ex:
+(8) `textFormatting` can be used to add text formatting. Currently, bold, italic, strikethrough and underline formatting are available. All text formatting can be used in conjonction. Ex:
 
 | Style             | Syntax          | Example                                | Output                                 |
 | ----------------- | --------------- | -------------------------------------- | -------------------------------------- |
 | Bold              | `* *`           | `*This is bold text*`                  | **This is bold text**                  |
 | Italic            | `_ _`           | `_This text is italicized_`            | _This text is italicized_              |
 | Strikethrough     | `~ ~`           | `~This was mistaken text~`             | ~~This was mistaken text~~             |
-| Underline         | `° °`           | `°This text is underlined°`            | <ins>This text is underlined</ins>    |
+| Underline         | `° °`           | `°This text is underlined°`            | <ins>This text is underlined</ins>     |
 | Nested formatting | `* *` and `_ _` | `*This text is _extremely_ important*` | **This text is _extremely_ important** |
 
 (9) `responsiveBreakpoint` can be used to collapse the rooms list on the left when then viewport size goes below the specified width.

src/ChatWindow/ChatWindow.vue

@@ -10,7 +10,7 @@
 				:textMessages="t"
 				:showAddRoom="showAddRoom"
 				:showRoomsList="showRoomsList"
-				:formatMessages="formatMessages"
+				:textFormatting="textFormatting"
 				:isMobile="isMobile"
 				@fetchRoom="fetchRoom"
 				@addRoom="addRoom"
@@ -34,7 +34,7 @@
 				:textMessages="t"
 				:singleRoom="singleRoom"
 				:showRoomsList="showRoomsList"
-				:formatMessages="formatMessages"
+				:textFormatting="textFormatting"
 				:isMobile="isMobile"
 				:loadingRooms="loadingRooms"
 				:roomInfo="$listeners.roomInfo"
@@ -96,7 +96,7 @@ export default {
 		showFiles: { type: Boolean, default: true },
 		showEmojis: { type: Boolean, default: true },
 		showReactionEmojis: { type: Boolean, default: true },
-		formatMessages: { type: Boolean, default: true },
+		textFormatting: { type: Boolean, default: true },
 		newMessage: { type: Object, default: null }
 	},
 

src/ChatWindow/FormatMessage.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<div v-if="formatMessages">
+		<div v-if="textFormatting">
 			<template v-for="(message, i) in linkifiedMessage">
 				<component
 					:is="message.types.indexOf('url') !== -1 ? 'a' : 'span'"
@@ -30,7 +30,7 @@ export default {
 	props: {
 		content: { type: [String, Number], required: true },
 		formatLinks: { type: Boolean, default: true },
-		formatMessages: { type: Boolean, required: true }
+		textFormatting: { type: Boolean, required: true }
 	},
 
 	computed: {

src/ChatWindow/Message.vue

@@ -64,7 +64,7 @@
 					<div v-else-if="!message.file">
 						<format-message
 							:content="this.message.content"
-							:formatMessages="formatMessages"
+							:textFormatting="textFormatting"
 						></format-message>
 					</div>
 
@@ -103,7 +103,7 @@
 						</div>
 						<format-message
 							:content="this.message.content"
-							:formatMessages="formatMessages"
+							:textFormatting="textFormatting"
 						></format-message>
 					</div>
 
@@ -251,7 +251,7 @@ export default {
 		roomFooterRef: { type: HTMLDivElement },
 		newMessages: { type: Array },
 		showReactionEmojis: { type: Boolean, required: true },
-		formatMessages: { type: Boolean, required: true },
+		textFormatting: { type: Boolean, required: true },
 		emojisList: { type: Object, required: true },
 		hideOptions: { type: Boolean, required: true }
 	},

src/ChatWindow/Room.vue

@@ -94,7 +94,7 @@
 								:roomFooterRef="$refs.roomFooter"
 								:newMessages="newMessages"
 								:showReactionEmojis="showReactionEmojis"
-								:formatMessages="formatMessages"
+								:textFormatting="textFormatting"
 								:emojisList="emojisList"
 								:hideOptions="hideOptions"
 								@messageActionHandler="messageActionHandler"
@@ -265,7 +265,7 @@ export default {
 		showFiles: { type: Boolean, required: true },
 		showEmojis: { type: Boolean, required: true },
 		showReactionEmojis: { type: Boolean, required: true },
-		formatMessages: { type: Boolean, required: true },
+		textFormatting: { type: Boolean, required: true },
 		loadingRooms: { type: Boolean, required: true },
 		roomInfo: { type: Function }
 	},

src/ChatWindow/RoomsList.vue

@@ -66,7 +66,7 @@
 						<format-message
 							:content="getLastMessage(room)"
 							:formatLinks="false"
-							:formatMessages="formatMessages"
+							:textFormatting="textFormatting"
 						></format-message>
 					</div>
 				</div>
@@ -91,7 +91,7 @@ export default {
 		textMessages: { type: Object, required: true },
 		showRoomsList: { type: Boolean, required: true },
 		showAddRoom: { type: Boolean, required: true },
-		formatMessages: { type: Boolean, required: true },
+		textFormatting: { type: Boolean, required: true },
 		isMobile: { type: Boolean, required: true },
 		rooms: { type: Array, required: true },
 		loadingRooms: { type: Boolean, required: true },