iamjoel/swordfish

Admin template build with vue3, Vite, ts, vue-router, pinia and ArcoDesign

Swordfish

An admin template build with Vue3, Vite, TypeScript, vue-router, Pinia and arco.design.

Feature

• Route.
• Layout. Top bar, breadcrumb, Configurable Menu and main content.
• Permission. Page permission and function permission.
• Mock api.
• Ii8n.
• Common pages.
  • List page. Include create, edit and show detail.
  • Dashboard.
  • Login page.
  • Register page.
  • Forget password page.
  • 404 page.
• Lint and prettier code.

Inspired by Arco Design Pro

Project folder structure

• docs. Docs.
• src
  • api. Http API.
  • assets. Common assets, for instance: css, images.
  • components.
  • config.
  • define. Typescript define.
  • hooks.
  • layout.
  • local. I18n.
  • mock. Mock http API.
  • router.
  • store.
  • utils.
  • views.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Notice: Node version: v16+.

Type-Check, Compile and Minify for Production

npm run build

Docs

• Docs