Skip to content

Latest commit

 

History

History
103 lines (68 loc) · 2.96 KB

README.md

File metadata and controls

103 lines (68 loc) · 2.96 KB
Raw

Arco Vue for Nuxt 3


❗️beta version❗️
🖥 Online Preview

Netlify Status

Features

  • 💚 Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.

  • 🥰 Arco Vue - Intelligent design syster Connect swift experience

  • 🐝 Arco Component Auto import and can config module

  • ⚡️ Vite - Instant HMR

  • 🎨 UnoCSS - The instant on-demand atomic CSS engine.

  • 😃 Use icons from any icon sets in Pure CSS, powered by UnoCSS

  • 🔥 The <script setup> syntax

  • 🍍 State Management via Pinia, see ./composables/user.ts

  • 📑 Layout system

  • 📥 APIs auto importing - for Composition API, VueUse and custom composables.

  • 🏎 Zero-config cloud functions and deploy

  • 🦾 TypeScript, of course

Plugins

Nuxt Modules

  • VueUse - collection of useful composition APIs.
  • ColorMode - dark and Light mode with auto detection made easy with Nuxt.
  • UnoCSS - the instant on-demand atomic CSS engine.
  • Pinia - intuitive, type safe, light and flexible Store for Vue.

Arco Module

interface ArcoNuxtModuleOptions {
  // auto import icon [false]
  icon?: boolean
  // component prefix [a]
  prefix?: string
}
export default defineNuxtConfig({
  // ...
  modules: [
    // ...
    ['./modules/arco', { icon: true, prefix: 'a' }],
  ],
  // ...
})

IDE

We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).

Try it now!

Online

GitHub Template

Create a repo from this template on GitHub.

Clone to local

If you prefer to do it manually with the cleaner git history

npx degit hehehai/arco-nuxt3 my-arco-app
cd my-arco-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

thx