Skip to content

VUE 3 Starter project for using primevue 3 with Vite 3 - Pages, Layouts, Validation

License

Notifications You must be signed in to change notification settings

sfxcode/vite-primevue-starter

Repository files navigation

Vite Typescript + PrimeVue Starter

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

vite-prime-vue-starter

CI

THX to antfu / Vitesse for starter code

Features

  • Vue 3.4
  • Vite 5
  • Vitest (Testing Framework)
  • Testing with cypress (e2e)
  • Composition API
  • Script Setup
  • Routing VitePages / ViteLayout
  • Pina as Store / CachedPiniaStore for effective data caching
  • PrimeVue with Theme: Sakai (Free Admin Template)
  • Validation, PrimeVue Form elements by formkit-primevue
  • Markdown Support (VitePages)
  • TypeScript 5
  • UnoCSS
  • SSG Support
  • Eslint

Modules

  • i18n
  • nprogress
  • 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.40.x
  • Logging

vite-primevue-starter-lite

Github Repository

App on Netlify

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

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 plugin.

Supporters

JetBrains is supporting this open source project with:

Intellij IDEA