Nuxt 3 + PrimeVue Starter

Build your VUE.js App with Nuxt3. First Class PrimeVUE support. Validation by Formkit. Based on Nuxt-Sakai Theme.

THX to antfu / Vitesse Nuxt3 for starter code

Features

• Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
• PrimeVue 3.40.x with free Sakai Layout and Lara Theme
• Formkit-PrimeVue PrimeVue Formkit Integration
• 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
• TipTap - Headless Editor
• Vitest - Blazing Fast Unit Test Framework

Nuxt Modules

• PrimeVue-Nuxt PrimeVue Nuxt Module
• Pinia - intuitive, type safe, light and flexible Store for Vue.
• VueUse - collection of useful composition APIs.
• FormKit - Validation
• UnoCSS - the instant on-demand atomic CSS engine.
• Content - parses .md, .yml, .csv and .json files
• I18n - Integration with Vue I18n

Variations

vite-primevue-starter

Vite Primevue Starter Template

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 (18) Use node manager like nvm to install.

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

Install dependencies:

pnpm install

Run development server:

pnpm dev

Vitest test runner:

pnpm test:unit

Build:

pnpm build

Start Production build:

pnpm start

Tools

I use IntelliJ with VUE.js plugin.

Supporters

JetBrains is supporting this open source project with: