Awesome

<p align='center' > <img src='/src/assets/logo.png' alt='Vuetify3' width='300'/> </p> <br><br> <p align="center"> <a href="https://vuejs.org/"> <img src="https://img.shields.io/badge/vue-v3.2.47-brightgreen.svg" alt="vue"> </a> <a href="https://vuetifyjs.com/"> <img src="https://img.shields.io/badge/vuetify-v3.1.13-blue.svg" alt="element-ui"> </a> <a href="https://vitejs.dev/"> <img src="https://img.shields.io/badge/vite-v4.2.1-blueviolet.svg" alt="element-ui"> </a> <a href="https://github.com/yangjiakai/lux-admin-vuetify3/blob/main/LICENSE"> <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license"> </a> </p> <h4 align='center'> <a href="https://lux.vuetify3.com/">Live Demo</a> </h4> <br> <p align='center'> <b>English</b> | <a href="https://github.com/yangjiakai/jk-vuetify3-lux-admin/blob/main/README.zh-CN.md">简体中文</a>| <a href="https://github.com/yangjiakai/jk-vuetify3-lux-admin/blob/main/README.jp.md">日本語</a> </p>

📖Introduction

Goal: Creating the best Vuetify 3 Admin open-source template.

Built upon the elegant themes of Vuetify, we have established a clear and efficient project structure, integrating the latest technology frameworks. This project aims to address a wide range of common technical requirements and features, while incorporating an AI assistant for a more intelligent experience. Additionally, we ensure that all pages are adaptive across multiple devices, achieving a seamless cross-platform compatibility.

📖Other Versions

SPA Full Version: lux-vuetify3

SPA Simplified i18n Versionlux-vuetify3-i18n

SPA Simplified chinese Versionlux-vuetify3-zh

Nuxt3 version:

Nuxt3 Full Version lux-nuxt3

Nuxt3 Simplified Version lux-nuxt3-template

📖Documents

📖 Document 1.0 Chinese

📚Features

📖 Vue 3.2
📖 Vite 4.x
📖 UI Framework Vuetify 3
📖 TypeScript
📦 Component Auto Importing
🍍 Pinia
📔 <script setup>
📚 Use icons from any icon sets in Iconify
☁️ Deploy on Netlify, zero-config
🔑 Firebase auth
📈 Echarts, ApexChart
🧭 Openai, Chatgpt
🌍 vue-i18n
📚 virtual-scroller , vuedraggable , perfect-scrollbar
📝 Rich Text Editor
📇 Responsive multi-platform adaptive

📈 Project Activity

Alt

💬Contact Me

Email <a href="mailto:yjkbako@gmail.com">yjkbako@gmail.com</a>
Twitter https://twitter.com/baibaixiang
Wechat <img src='/src/assets/wechat-qrcode.png' alt='DashBoard' width='300' />

💌Preview

📦Pre-packed

🏷️ UI Frameworks

Vuetify3 - Vuetify is a no design skills required UI Framework with beautifully handcrafted Vue Components.

🏷️ Icons

Iconify - use icons from any icon sets 🔍Icônes
Pure CSS Icons via UnoCSS

🏷️ Plugins

Vue Router4
VueUse - collection of useful composition APIs
VuedDaggable - allowing drag-and-drop and synchronization with view model array.
Vue-Masonry-Wall - Responsive masonry layout with SSR support and zero dependencies for Vue 3.
Vue-Virtual-Scroller - Blazing fast scrolling of any amount of data

👻Try it now!

git clone https://github.com/yangjiakai/lux-admin-vuetify3.git

cd lux-admin-vuetify3

yarn install

yarn dev

👻Docker it!

Build the development environment image:
```
docker-compose build dev
```
Start the development environment:
```
docker-compose up dev
```
Build the production environment image:
```
docker-compose build app
```
Start the production environment:
```
docker-compose up app
```

这应该能解决实时更新的问题。如果您还有任何疑问或遇到其他问题，请随时告诉我。

🔑Set ApiKey

Find the .env.template file in the root directory, remove the .template suffix, and replace VITE_OPENAI_API_KEY, VITE_UNSPLASH_ACCESS_KEY, and VITE_GITHUB_CLIENT_ID, and VITE_TTS_KEY and VITE_TTS_REGION with your own keys.

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

unsplash apikey： https://unsplash.com/oauth/applications

github apikey： https://github.com/settings/tokens

azure textToSpeech : https://speech.microsoft.com/