@oslokommune/punkt-vue2

Bruk av punkt-vue2

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

Se punkt-vue2 i bruk i en Vite-app med vue2-plugin

📝 Forutsetninger

Peer dependencies:

• nodejs 16.15
• vue >= 2.6.12 < 3.0.0
• @oslokommune/punkt-assets >= 1.0
• @oslokommune/punkt-css >= 1.0

🚀 Kom i gang - npm

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);

🟪 Ikoner

Alle våre komponenter bruker PktIcon-komponenten for å importere ikonene via vår CDN.

Om du har en content security policy(CSP) satt opp må du åpne for https://punkt-cdn.oslo.kommune.no/ i din CSP.

Les mer om ikoner her.

🧩 Komponentbiblioteket

For beskrivelse av hvordan ta i bruk hver enkelt komponent se om komponenter.

🔢 Versjonering

Punkt bruker Semantic Versioning 2.0.0 for versjonering av pakkene.

👮 Lisens

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