PrimeVue + UnoCSS Starter

Build your VUE.js App with the latest and fastest VITE Plugins (nuxt.js like) and first class PrimeVUE support.

Another starter (but with more complexity) with more vite plugins, i18n, validation examples etc. can be found under vite-prime-vue-starter.

THX to antfu / Vitesse for his vite starter code.

Features

• PrimeVue with Theme: Sakai (Free Admin Template)
• UnoCSS (includes iconify images)
• Vue 3.2
• TypeScript
• Vite
• Routing with VitePages / ViteLayout
• Vitest (Testing Framework)
• E2E Testing with cypress
• Composition API
• Script Setup
• Pinia as Default Store

Modules

• logging
• pinia
• primevue

Variations

nuxt3-primevue-starter

Nuxt3 Primevue Starter Template

Github Repository

App on Netlify

• Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
• Vite - Instant HMR
• UnoCSS - The instant on-demand atomic CSS engine.
• Use icons from any icon sets in Pure CSS, powered by UnoCSS
• State Management via Pinia
• PrimeVue 3.12.x
• Logging

vite-primevue-starter

Vite Primevue Starter Template with more options

Github Repository

App on Netlify

• Pages, Layouts, and other NUXT like features by VITE Plugins
• UnoCSS
• Markdown
• CachedPiniaStore
• i18n
• Validation
• ...

Project setup and usage

Install node:

Latest node LTS version required (16) Use node manager like nvm to install.

Install pnpm: https://pnpm.io/installation

Install dependencies:

pnpm install

Run development server:

pnpm dev

Open Cypress test runner:

pnpm test:e2e

Component test runner:

pnpm test:unit

Run Cypress tests in headless mode:

pnpm test:ci

Build and preview built site locally:

pnpm preview

Build:

pnpm build

Tools

I use IntelliJ with VUE.js and Prettier plugin.

Supporters

JetBrains is supporting this open source project with: