{$i18n.t(message.role)}
{ textAreaElement.style.height = ''; textAreaElement.style.height = textAreaElement.scrollHeight + 'px'; }} on:focus={(e) => { textAreaElement.style.height = ''; textAreaElement.style.height = textAreaElement.scrollHeight + 'px'; // e.target.style.height = Math.min(e.target.scrollHeight, 200) + 'px'; }} bind:value={message.content} /> </div> <div class=" pt-1"> <button class=" group-hover:text-gray-500 dark:text-gray-900 dark:hover:text-gray-300 transition" on:click={() => { onDelete(); }} > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" > <path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> </svg> </button> </div> </div>