Vue Templates Logo Vue Templates
Vite Primevue Starter screenshot

Vite Primevue Starter

Author Avatar Theme by Sfxcode
Updated: 7 May 2025
145 Stars

VUE 3 Starter project for using primevue 4.x with Vite 6 - Pages, Layouts, Validation

Github Live Preview

Categories

Vite Scss

Overview

The Vite Typescript + PrimeVue Starter is a VUE.js app building tool that utilizes the latest and fastest VITE plugins. It offers first-class support for PrimeVUE and includes features such as Vue 3.3, Vite 4.3, Testing with Cypress, Composition API, Routing with VitePages, Pina as a Store for effective data caching, and PrimeVue with the Sakai theme.

Features

  • Vue 3.3
  • Vite 4.3
  • Vitest Testing Framework
  • Testing with Cypress (e2e)
  • Composition API
  • Script Setup
  • Routing with 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
  • piniaprimevue

Installation

To set up the Vite Typescript + PrimeVue Starter, follow these steps:

  1. Install the latest node LTS version (Node.js 18).
  2. Use a node manager like nvm to install Node.js.
  3. Install pnpm by following the instructions on the pnpm installation page.
  4. Install the dependencies by running the command pnpm install.
  5. Run the development server with the command pnpm dev.
  6. Open the Cypress test runner with the command pnpm test:e2e.
  7. Run component tests in the test runner with the command pnpm test:unit.
  8. Run Cypress tests in headless mode with the command pnpm test:e2e:ci.
  9. Build the project and preview the built site locally with the command pnpm build && pnpm preview.

Summary

The Vite Typescript + PrimeVue Starter is a powerful tool for building VUE.js apps with VITE plugins. It offers a wide range of features, including support for PrimeVUE, Vue 3.3, and Vite 4.3. With its comprehensive testing framework and efficient state management, it provides a solid foundation for developing robust applications. The integration of PrimeVue with the Sakai theme adds a visually appealing touch to the app. Overall, this starter is a valuable asset for developers looking to build Vue.js apps with the latest technologies.