# PrimeVue Vite Example

<br />

<div align="start">
  
![PrimeVue Version](https://img.shields.io/badge/PrimeVue-v4.2.5-blue)
![Vue Version](https://img.shields.io/badge/Vue.js-v3.4.27-42b883)
![Vite Version](https://img.shields.io/badge/Vite-v5.2.13-646cff)

</div>

## Overview

This example demonstrates a basic PrimeVue integration with Vite, showcasing a modern and responsive dashboard interface. The project features various PrimeVue components with standard CSS styling.

## Features

- PrimeVue components with CSS styling
- Powered by Vite for fast development
- Real-time search functionality
- Customizable UI components

## Tech Stack

- [Vue.js](https://vuejs.org/) - The Progressive JavaScript Framework
- [PrimeVue](https://primevue.org/) - The Ultimate Vue UI Component Library
- [Vite](https://vitejs.dev/) - Next Generation Frontend Tooling

## Getting Started

1. Clone the repository:

```bash
git clone https://github.com/primefaces/primevue-examples.git
cd primevue-examples/vite-quickstart
```

2. Install dependencies:

```bash
npm install
```

3. Start the development server:

```bash
npm run dev
```

4. Build for production:

```bash
npm run build
```

## Project Structure

```
vite-quickstart/
├── src/
│   ├── components/         # Vue components
│   ├── assets/            # Static assets
│   │   └── styles/        # CSS styles
│   └── App.vue            # Root component
├── public/                # Public static assets
├── index.html            # Entry HTML file
└── vite.config.js        # Vite configuration
```

## Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the [issues page](https://github.com/primefaces/primevue-examples/issues).