stream returns

src/oj/ai/components/AI.vue

@@ -1,25 +1,27 @@
 <template>
   <n-spin :show="aiStore.loading.ai">
-    <div>AI 小助手友情提醒</div>
+    <div class="container">
+      <MdPreview :model-value="aiStore.mdContent" />
+    </div>
   </n-spin>
 </template>
 <script setup lang="ts">
 import { useAIStore } from "~/oj/store/ai"
+import { MdPreview } from "md-editor-v3"
+import "md-editor-v3/lib/preview.css"
 
 const aiStore = useAIStore()
-
 watch(
-  () => [
-    aiStore.loading.details,
-    aiStore.loading.weekly,
-  ],
-  (newVal, oldVal) => {
-    if (!oldVal) return
-    const loaded = newVal.some((val, idx) => val === false && oldVal[idx] === true)
-    if (loaded) {
+  () => [aiStore.loading.details, aiStore.loading.weekly],
+  (newVal) => {
+    if (newVal.every((val) => val === false)) {
       aiStore.fetchAIAnalysis()
     }
   },
-  { immediate: true },
 )
 </script>
+<style scoped>
+.container {
+  min-height: 200px;
+}
+</style>