@oslokommune/punkt-vue2

Bruk av punkt-vue2

Dette repoet inneholder Punkt sine UI-komponenter for Vue 2.7+. Vue 3 støttes ikke på dette tidspunktet. Komponentene er laget for å fungere sammen med @oslokommune/punkt-assets og @oslokommune/punkt-css.

Forutsetninger

Peer dependencies:

• nodejs 16.15
• vue >= 2.7.0 < 3.0.0
• @oslokommune/punkt-assets >= 0.20.0
• @oslokommune/punkt-css >= 0.20.0

🚀 Kom i gang

Eksempelet under viser installasjon i en applikasjon med Vue 2 + Webpack. Går utifra at peerDependencies allerede er installert og tatt i bruk, hvis ikke så se veiledere for dette.

Se eksempel i Stackblitz: Vite-app med vue2-plugin

1. Installer komponentbiblioteket

npm add @oslokommune/punkt-vue2

2. Importer komponentene

/* src/main.js

Velg å installere hele bundlen */
import Vue from 'vue';
import PktVue from '@oslokommune/punkt-vue2';

Vue.use(PktVue);


/* eller kun individuelle komponenter (med ikoner)*/
import Vue from 'vue';
import { PktHeader, PktFooter, PktIcon } from '@oslokommune/punkt-vue2';

Vue.component("pkt-header", PktHeader);
Vue.component("pkt-footer", PktFooter);
Vue.component("pkt-icon", PktIcon);

Versjonering

Punkt bruker Semantic Versioning 2.0.0 for versjonering av pakkene.

Mens vi er i en beta-fase, versjonering vil følge dette mønsteret: v0.Y.Z, hvor

• Y: Major (breaking changes)
• Z: Minor eller patch

👮 Lisens

Punkt er distribuert under MIT-lisens for åpen kildekode.