@pzh-temporary/vue-component-library

Vue Component Library voor Provincie Zuid-Holland

WIKI

https://dev.azure.com/pzh-nl/Design%20System%20Architectuur/_wiki/wikis/Design-system.wiki/1455/Vue-component-library

Technische Stack

• Frameworks en Tools:
  • Vue 3
  • Vite
  • Storybook 8
  • HTML-componentenbibliotheek (Provincie Zuid-Holland)
  • SCSS

Benodigdheden

• Node.js: Versie 20.12.1

Aanbevolen VSCode-Plugins

• Prettier voor code-formatting
• Volar voor Vue-ondersteuning

---

Installatie van Dependencies

Voer het volgende commando uit om alle vereiste dependencies te installeren:

npm install

Ontwikkelmodus

Start een Storybook-instantie in ontwikkelmodus met het volgende commando:

npm run dev

Builden

Bouw een Storybook-instantie klaar voor publicatie:

npm run build

Testen

Op dit moment is de test suite nog in ontwikkeling en niet beschikbaar.

Publiceren naar NPM

Publiceer een nieuwe versie naar NPM:

1. Verhoog het ‘version’-attribuut in package.json volgens de SemVer-standaard.

2. Controleer of je bent ingelogd bij NPM. Zo niet, gebruik npm login om in te loggen.

3. Publiceer met het commando:

   npm publish

Publiceren van de Webinterface

De webinterface is momenteel nog in ontwikkeling en niet beschikbaar.