Naive UI Dashboard Template

This template is taken from Mx Space Admin v2 and styled the same way.

• TailwindCSS
• Vue 3 TSX
• PostCSS
• Pinia

Usage

Just use it as a regular template, you can style it in 'configs.json' and change theme color in src/styles/index.css.

pnpm i
pnpm run dev

Addons

REST Request

You can check code from src/utils/rest.ts, this is a simple request wrapper with umi-request or you can replace with another request library.

This usage is very easy and clearly. E.g.

import { RESTManager } from 'utils/rest.ts'

RESTManager.api.your.request.path.get<ResponseType>() // will GET https://endpoint/your/request/path

Setup Api

This template provide a simple debug view for api testing in route /setup-api. This view provide a form to set temporarily endpoint. And change your request endpoint immediately. By this function, you can test local server api but on production environment.

UI screenshots

License

2023 © Innei, Released under the MIT License.

Personal Website · GitHub @Innei