https://github.com/sfxcode/vite-primevue-starter

VUE 3 Starter project for using primevue 3 with Vite 3 - Pages, Layouts, Validation
https://github.com/sfxcode/vite-primevue-starter

cypress formkit pinia pnpm primevue starter starter-project unocss validation vite vitesse vitest vue3 vuejs vuelidate

Last synced: 9 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sfxcode/vite-primevue-starter
• Owner: sfxcode
• License: mit
• Created: 2021-08-15T18:06:22.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-08-29T20:15:26.000Z (2 months ago)
• Last Synced: 2024-10-26T20:51:40.822Z (14 days ago)
• Topics: cypress, formkit, pinia, pnpm, primevue, starter, starter-project, unocss, validation, vite, vitesse, vitest, vue3, vuejs, vuelidate
• Language: CSS
• Homepage: https://vite-primevue-starter.netlify.app/
• Size: 3.32 MB
• Stars: 132
• Watchers: 5
• Forks: 30
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGES.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# 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](vite-prime-vue-starter.png)

[![CI](https://github.com/sfxcode/vite-primevue-starter/actions/workflows/main.yml/badge.svg)](https://github.com/sfxcode/vite-primevue-starter/actions/workflows/main.yml)

THX to [antfu / Vitesse](https://github.com/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](https://github.com/sfxcode/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](https://github.com/sfxcode/nuxt3-primevue-starter)

[App on Netlify](https://nuxt3-primevue-starter.netlify.app/)

- [Nuxt 3](https://nuxt.com) - SSR, ESR, File-based routing, components auto importing, modules, etc.

- Vite - Instant HMR

- [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.

- Use icons from any icon sets in Pure CSS, powered by [UnoCSS](https://github.com/antfu/unocss)

- [State Management via Pinia](https://pinia.esm.dev)

- PrimeVue 3.40.x

- Logging

### vite-primevue-starter-lite

[Github Repository](https://github.com/sfxcode/vite-primevue-starter-lite)

[App on Netlify](https://vite-primevue-starter-lite.netlify.app/)

## 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](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](http://www.jetbrains.com/img/logos/logo_intellij_idea.png)](http://www.jetbrains.com/idea/)