Jafeng/chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): use uuid v4 instead of crypto.randomUUID

Browse Source
This commit is contained in:
Jafeng
2025-08-25 14:45:12 +08:00
parent 931eb1160c
commit 3c8d2dab7e
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/package.json
View File

@@ -18,6 +18,7 @@
,"marked": "^6.0.0",
"dompurify": "^3.0.0",
"highlight.js": "^11.8.0"
,"uuid": "^9.0.0"
},
"devDependencies": {
"@types/node": "^24.3.0",

9
frontend/src/views/ChatView.vue
View File

@@ -37,6 +37,7 @@
<script setup lang="ts">
import { ref, onMounted, nextTick, computed, watch } from 'vue';
import { v4 as uuidv4 } from 'uuid';
import { useModelStore } from '@/stores/modelStore';
import { chatWithModel, StreamPayload } from '@/services/chatService';
import { useConversationStore } from '@/stores/conversationStore';
@@ -70,9 +71,9 @@ function formatMessage(md: string) {
async function handleSend() {
const text = input.value.trim();
if (!text || pending.value) return;
const userMsg: ChatMessage = { id: crypto.randomUUID(), role: 'user', content: text, html: renderMarkdown(text) };
const userMsg: ChatMessage = { id: uuidv4(), role: 'user', content: text, html: renderMarkdown(text) };
messages.value.push(userMsg);
const aiId = crypto.randomUUID();
const aiId = uuidv4();
messages.value.push({ id: aiId, role: 'assistant', segments: [], loading: true, html: '' });
input.value = '';
pending.value = true;
@@ -146,8 +147,8 @@ watch(() => convStore.currentId, (id) => {
if (!id) { messages.value = []; conversationId.value = null; return; }
// load messages from store and precompute html
messages.value = convStore.messages.map(m => m.role === 'user'
? { id: crypto.randomUUID(), role: 'user', content: m.content, html: renderMarkdown(m.content) }
: { id: crypto.randomUUID(), role: 'assistant', segments: [{ kind: 'answer', text: m.content, html: renderMarkdown(m.content) }] }
? { id: uuidv4(), role: 'user', content: m.content, html: renderMarkdown(m.content) }
: { id: uuidv4(), role: 'assistant', segments: [{ kind: 'answer', text: m.content, html: renderMarkdown(m.content) }] }
);
conversationId.value = id;
scrollBottom();