feat(md) Display the borders of the table.

components/MsgContent.vue

@@ -3,7 +3,6 @@ import hljs from "highlight.js"
 import MarkdownIt from 'markdown-it'
 import copy from 'copy-to-clipboard'
 import mathjax3 from 'markdown-it-mathjax3'
-import mk from 'markdown-it-katex'
 
 
 const md = new MarkdownIt({
@@ -14,7 +13,6 @@ const md = new MarkdownIt({
   },
 })
 md.use(mathjax3)
-// md.use(mk)
 
 const props = defineProps({
   message: {
@@ -92,6 +90,16 @@ onMounted(() => {
 .chat-msg-content h6 {
   margin-bottom: 1rem;
 }
+.chat-msg-content table {
+  width: 100%;
+  border-collapse: collapse;
+  border-radius: .5rem;
+}
+.chat-msg-content table th,
+.chat-msg-content table td {
+  padding: .5rem 1rem;
+  border: 1px solid gray;
+}
 .chat-msg-content ol, .chat-msg-content ul {
   padding-left: 2em;
 }