mirrors/nginx-ui
1
0
Fork 0
mirror of https://github.com/0xJacky/nginx-ui.git synced 2025-05-12 02:45:49 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

fix: code highlight in ChatGPT history

Browse source
This commit is contained in:
Jacky 2024-10-14 10:25:48 +08:00
parent 598d91a417
commit 3ff4965626
No known key found for this signature in database
GPG key ID: 215C21B10DF38B4D
1 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/src/components/ChatGPT/ChatGPT.vue
View file

@ -1,4 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import nginx from 'highlight.js/lib/languages/nginx'
import Icon, { SendOutlined } from '@ant-design/icons-vue' import Icon, { SendOutlined } from '@ant-design/icons-vue'
import { storeToRefs } from 'pinia' import { storeToRefs } from 'pinia'
import { Marked } from 'marked' import { Marked } from 'marked'
@ -21,6 +22,8 @@ const props = defineProps<{
const emit = defineEmits(['update:history_messages']) const emit = defineEmits(['update:history_messages'])
hljs.registerLanguage('nginx', nginx)
const { language: current } = storeToRefs(useSettingsStore()) const { language: current } = storeToRefs(useSettingsStore())
const history_messages = computed(() => props.historyMessages) const history_messages = computed(() => props.historyMessages)
@ -165,7 +168,9 @@ const marked = new Marked(
highlight(code, lang) { highlight(code, lang) {
const language = hljs.getLanguage(lang) ? lang : 'nginx' const language = hljs.getLanguage(lang) ? lang : 'nginx'
return hljs.highlight(code, { language }).value const highlightedCode = hljs.highlight(code, { language }).value
return `<pre><code class="hljs ${language}">${highlightedCode}</code></pre>`
}, },
})) }))
@ -190,7 +195,9 @@ function clear_record() {
messages.value = [] messages.value = []
emit('update:history_messages', []) emit('update:history_messages', [])
} }
const editing_idx = ref(-1) const editing_idx = ref(-1)
async function regenerate(index: number) { async function regenerate(index: number) {
editing_idx.value = -1 editing_idx.value = -1
messages.value = messages.value?.slice(0, index) messages.value = messages.value?.slice(0, index)