sumingcheng / Vue3-TS-ChatGPT

ChatGPT 对话客户端使用 highlight.js 和 marked 实现代码高亮和 Markdown 解析。 支持 MathJax 展示数学公式。支持流式数据和平滑滚动优化用户体验。

Home Page:https://sumingcheng.github.io/Vue3-TS-ChatGPT/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Star History Chart

The overall page has been optimized

image

image

image

About

ChatGPT 对话客户端使用 highlight.js 和 marked 实现代码高亮和 Markdown 解析。 支持 MathJax 展示数学公式。支持流式数据和平滑滚动优化用户体验。

https://sumingcheng.github.io/Vue3-TS-ChatGPT/

License:MIT License


Languages

Language:TypeScript 41.3%Language:Vue 35.0%Language:CSS 14.2%Language:HTML 6.7%Language:JavaScript 2.8%