chat msg display inline for newlines

srcs/requirements/svelte/api_front/src/pieces/chat/Chat_msg.svelte

@@ -1,25 +1,26 @@
 <script>
 
-	export let content;
 	export let name;
 
 </script>
 
 <div class="chat_msg {name}">
 	<p class="name">{name}</p>
-	<p class="msg">{content}</p>
+	<p class="msg"><slot></slot></p>
 </div>
 
 <style>
 	.chat_msg {
+		/*
 		white-space: pre-wrap;
+		*/
 		margin: 5px auto;
 		padding: 5px;
 		border-radius: 5px;
 	}
 	/* all msg
 	*/
-	:global(.msg_thread) .chat_msg {
+	.chat_msg {
 		margin-left: 0px;
 		background-color: rgb(210, 210, 210);
 		max-width: 80%;
@@ -35,6 +36,9 @@
 	.chat_msg p.msg {
 		margin: 5px 0px;
 	}
+	.chat_msg p.msg :global(*) {
+		display: inline;
+	}
 	/* msg perso
 	*/
 	.chat_msg.me {

srcs/requirements/svelte/api_front/src/pieces/chat/Layout_room.svelte

@@ -9,8 +9,8 @@
 
 	let msg = "";
 	let text_area;
-	let index = 0;
 	let msgs = [];
+	let index = 0;
 
 	function add_msg(from, the_msg)
 	{
@@ -21,6 +21,7 @@
 	function send_msg()
 	{
 		msg = msg.trim();
+		console.log(msg);
 
 		if (msg.length > 0) {
 			//socket.emit('sendmsg', msg);
@@ -62,14 +63,17 @@
 	<!-- msg -->
 	<div class="panel panel_msg">
 		<div class="msg_thread">
-			{#each msgs as msg}
-				<Msg name={msg.name} content={msg.content} />
+			{#each msgs as msg (msg.id)}
+				<Msg name={msg.name}>{@html msg.content}</Msg>
 			{/each}
 		</div>
 	</div>
 
 	<!-- write -->
 	<div class="panel_write">
+		<!--
+			bind:textContent={msg}
+		-->
 		<div
 			class="text_area"
 			bind:innerHTML={msg}