From a62d883a769d5ca4d7b7e1817e95d64820c7449e Mon Sep 17 00:00:00 2001
From: lilydjwg <lilydjwg@gmail.com>
Date: Tue, 12 Oct 2021 16:46:17 +0800
Subject: [PATCH] keyword highlight!

---
 src/Message.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Message.svelte b/src/Message.svelte
index ca031b9..d1888de 100644
--- a/src/Message.svelte
+++ b/src/Message.svelte
@@ -50,7 +50,7 @@
   <img src="{getContext('LUOXU_URL')}/avatar/{msg.from_id}.jpg" height="64" width="64" alt="{msg.from_name} 的头像"/>
   <div>
     <div class="name">{msg.from_name || ' '}</div>
-    <pre>{msg.text}</pre>
+    <div class="text">{@html msg.html}</div>
     <div class="time"><a href="tg://resolve?domain={group}&post={msg.id}"><time datetime={iso_date} title={title}>{relative_dt}</time></a></div>
   </div>
 </div>
@@ -72,10 +72,13 @@
     white-space: nowrap;
     color: #1e90ff;
   }
-  pre {
+  .text {
     white-space: pre-wrap;
     margin: 0.2em 0;
   }
+  .text >:global(.keyword) {
+    background-color: #ffffab;
+  }
   .time {
     font-size: 0.75em;
     float: right;