designtopack/README.md

The project is based on [Kirby CMS](https://getkirby.com), [Vite](https://vitejs.dev/) + [Vue](https://fr.vuejs.org/) and [Pinia](https://pinia.vuejs.org/) as a state manager.
Vue is used following the composition API approach.

# Development

## Development environment

### First setup :

- **From the `/public` directory**, install the Kirby dependencies : `composer install`
- **From the root directory**, install the Node dependencies : `npm install`
- Replace the `public/site/plugins/kql`plugins by its last version, downloaded from the [official GitHub repo](https://github.com/getkirby/kql/releases).
- Launch the servers (see below).
- Create the first user to the Kirby panel through http://localhost:8888/panel
- In the root directory, create an .env file containing your user's connexion informations :

```bash
VITE_USERNAME=mail@example.com
VITE_PASSWORD=your-private-password
```

### Servers

- **From the `/public` directory**, launch the PHP server : `php -S localhost:8888 kirby/router.php`
- In another terminal tab, **from the root directory**, launch the Vite server : `vite`