これは、vuetify3 + composition api を使用し、OpenAI 公式サイトから提供される API とデモを活用した二次開発アプリです。
- ⚡️ Vue 3
- ⚡️ Vite
- ⚡️ UI Framework Vuetify 3
- ⚡️ TypeScript
- 📦 コンポーネント 自動的にインポート
- 🍍 Piniaで State 管理
- 🍍 pinia-plugin-persist State の永続性
- ⚡️ 新しい
<script setup>
文法の使用 - ⚡️ 任意のアイコンセット Iconify
- ⚡️ Netlify でのゼロ設定部署
- ⚡️ 18n 多言語切り替え
- ⚡️ dark light モード切り替え
- ⚡️ 主題色切り替え
- ⚡️ vue3-perfect-scrollbar スクロールバーの美化
- ☁️ レスポンシブで多プラットフォームに適応
- ☁️ openAI
git clone https://github.com/yangjiakai/vuetify3-openai.git
cd vuetify3-openai
npm install
npm run dev
API リクエストに関して、 openai の API を使用しました。
自分自身の
API_KEY
を申請するために、openai 開発者プラットフォームに行く必要があります。https://platform.openai.com/account/api-keys
次に、ローカルに新しい
.env.local
ファイルを作成します
VITE_OPENAI_API_KEY = 自分のApi Key
を追加します。