sumingcheng/vue3-ts-chatgpt

The ChatGPT dialogue client utilizes highlight.js and marked for code highlighting and Markdown parsing. It supports MathJax for displaying mathematical formulas. Streamed data and smooth scrolling are employed to enhance the user experience.

Vue3-TS-ChatGPT

1. Call the OpenAI API and use fetch to handle readable streams.
2. Associate communication context.
3. Use marked to solve issues with markdown syntax.
4. Use highlight.js for syntax highlighting.
5. Use tailwindcss for styling.
6. Use CryptoJS for symmetric encryption of the sk (secret key).
7. Encapsulate the ChatStorageManager class, using indexedDB to cache chat records.

Why is there this project

Because, when you are using OpenAI's official ChatGPT service, much of your information is sent to the server for checks, which helps determine whether you are in an area they can serve, or whether you are using a VPN for proxy, etc. Therefore, directly communicating with OpenAI's interface is the most convenient and efficient method. Hence, this open-source project was created.

run

npm run dev

build

npm run build

Star History

The overall page has been optimized

vue3-ts-chatgpt's Issues

Problem Record

1. 输入框字体增大，去掉加粗
2. 长文本输入超出问题

在手机上打开，无法返回结果

在电脑端，不管是chrome还是firefox下，都可以正常，切换到手机模式下也正常，但是在真实手机打开就有问题，没有返回结果，卡在那边
const reader = data.getReader()
await readStream(reader)
这两句没有执行，会不会是兼容的问题