/vuetify3-openai

Based on the API and examples provided by OpenAI, and use Vuetify as the front-end template to perform secondary development of a tool set.

Primary LanguageVue

Vitesse - Opinionated Vite Starter Template

Live Demo

English | 简体中文| 日本語

Introduction

This is a secondary development app that uses vuetify3 + composition APIs and leverages the API and demo provided by the OpenAI official website.

Features

  • ⚡️ Vue 3
  • ⚡️ Vite
  • ⚡️ UI Framework Vuetify 3
  • ⚡️ TypeScript
  • 📦 Component Auto Importing
  • 🍍 Pinia
  • 🍍 pinia-plugin-persist for state persisting
  • ⚡️ <script setup>
  • ⚡️ Use icons from any icon sets in Iconify
  • ☁️ Deploy on Netlify, zero-config
  • ☁️ Responsive multi-platform adaptive
  • ⚡️ Internationalization (i18n)
  • ⚡️ Dark Light mode
  • ⚡️ Themecolor change
  • ⚡️ Vue3-perfect-scrollbar
  • ☁️ openAI

Try it now!

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

cd vuetify3-openai

npm install

npm run dev

Api requests

regarding API requests, my example uses the openai API.

You need to go to the unsplash openai platform and apply for your own API_KEY.

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

Then, create a new .env.local file locally.

Add VITE_OPENAI_API_KEY = your own Api Key