Bruk av punkt-vue2

Dette repoet inneholder Punkt sine UI-komponenter for Vue 2.6+. Vue 3 finner du i pakken som heter "punkt-vue". 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 18.19
• 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.