## Installation de l'environnement de travail

- Télécharger et installer [Node.js](https://nodejs.org) *(version utilisée : v24.15.0-x64)*
- Vérification de l'installation
```powershell
node -v
    v24.15.0

npm -v
    9.1.1
```


## Initialiser le projet **vue.js**

```
npm create vue@latest
┌  Vue.js - The Progressive JavaScript Framework
│
◇  Project name (target directory):
│  kwa-ui
│
◇  Use TypeScript?
│  Yes
│
◇  Select features to include in your project: (↑/↓ to navigate, space to select, a to toggle all, enter to confirm)
│  Router (SPA development), Pinia (state management)
│
◇  Select experimental features to include in your project: (↑/↓ to navigate, space to select, a to toggle all, enter to confirm)
│  none
│
◇  Skip all example code and start with a blank Vue project?
│  No

Scaffolding project in C:\Users\sschn\kwa-ui...
│
└  Done. Now run:
        cd kwa-ui
        npm install
        npm run dev
```

## Installation des outils complémentaires

```
npm install primevue @primeuix/themes
npm install primeicons

npm install
```

# Configuration initiale

Modification du fichier ```main.ts```
```ts
import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'

import PrimeVue from 'primevue/config';
import Aura from '@primeuix/themes/aura';
import 'primeicons/primeicons.css';
import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(createPinia())

app.use(router)

app.use(PrimeVue, {
    theme: {
        // Use the Aura theme. It's a modern and elegant theme 
        // that provides a great user experience.
        preset: Aura, 

        options: {
            // Adapts to the Windows dark mode
            darkModeSelector: 'system', 
        }
    }
});

app.mount('#app')
```

## Construction de l'application

```
cd kwa-ui
npm run build
```