README.zh-CN.md

在线 Demo

English | 简体中文| 日本語

序文

这是一个使用 vuetify3 + 组合式 api,利用 openai 官方网站提供的 api 和 demo 进行二次开发 app

特性

• ⚡️ Vue 3
• ⚡️ Vite
• ⚡️ UI Framework Vuetify 3
• ⚡️ TypeScript
• 📦 组件自动导入
• 🍍 通过 Pinia进行状态管理
• 🍍 pinia-plugin-persist 状态持久化
• ⚡️ 使用新的 <script setup> 语法
• ⚡️ 使用任意的图标集 Iconify
• ⚡️ 零配置部署在 Netlify
• ⚡️ i18n 多语言切换
• ⚡️ dark light 模式切换
• ⚡️ 主题色切换
• ⚡️ vue3-perfect-scrollbar 滚动条美化
• ☁️ 响应式多平台自适应
• ☁️ openAI

## Pre-packed

UI 框架

• Vuetify3 - Vuetify 是一个不要求设计能力的 Vue 界面组件框架，自带了许多自行设计实现的 Vue 组件。

Icons

• Iconify - 使用任意的图标集 🔍Icônes
• Pure CSS Icons via UnoCSS

现在可以试试!

https://github.com/yangjiakai/vuetify3-openai.git

cd vuetify3-openai

npm install

npm run dev

api 请求

关于 API 请求，使用了 openai 的 api

需要先前往 openai 开发者平台，申请自己的API_KEY

https://platform.openai.com/account/api-keys

然后在本地新建.env.local文件

添加VITE_OPENAI_API_KEY = 你自己的Api Key