[*] Fix markdown css

package.json

@@ -23,6 +23,7 @@
     "@vicons/ionicons5": "^0.13.0",
     "@vicons/material": "^0.13.0",
     "axios": "^1.7.9",
+    "github-markdown-css": "^5.8.1",
     "highlight.js": "^11.10.0",
     "js-cookie": "^3.0.5",
     "json": "^11.0.0",

src/assets/style.css

@@ -3,7 +3,7 @@
   filter: grayscale(1);
 }*/
 
-@import "tailwindcss";
+@import 'tailwindcss';
 
 * {
   margin: 0;

src/components/TheHeader.vue

@@ -9,7 +9,7 @@
     :bordered="false"
     :segmented="{ content: 'soft', footer: 'soft' }"
   >
-    <n-p v-html="announcementHtml"></n-p>
+    <n-text class="markdown-body" v-html="announcementHtml"></n-text>
   </n-modal>
   <n-space justify="space-between">
     <n-gradient-text

src/main.js

@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
 import '@/assets/style.css'
 import '@/assets/twemoji-amazing.css'
+import 'github-markdown-css/github-markdown.css'
 import App from './App.vue'
 import router from '@router'
 import axios from 'axios'

src/views/DashboardView.vue

@@ -132,7 +132,7 @@
     <n-grid-item span="0:3 600:2">
       <n-card title="公告" size="large">
         <n-spin :show="broadcastLoading">
-          <n-text v-html="broadcastHtml" id="boardrcast"></n-text>
+          <n-text class="markdown-body" v-html="broadcastHtml" id="boardrcast"></n-text>
         </n-spin>
         <br />
       </n-card>
@@ -189,7 +189,7 @@ const broadcastHtml = ref('')
 const broadcastLoading = ref(true)
 
 onMounted(async () => {
-  let result = await notice.getNotice()
+  const result = await notice.getNotice()
   broadcastHtml.value = result.broadcast
   broadcastLoading.value = false
 })