Dette repoet inneholder Punkt sine UI-komponenter for Vue 3. Komponentene er laget for å fungere sammen med @oslokommune/punkt-assets
og @oslokommune/punkt-css
.
Peer dependencies:
- nodejs
18.19
- vue
>= 3.0.0
- @oslokommune/punkt-assets
>= 1.0
- @oslokommune/punkt-css
>= 1.0
npm add @oslokommune/punkt-vue
/* src/main.js
Velg å installere hele bundlen */
import { createApp } from 'vue'
import PktVue from '@oslokommune/punkt-vue'
const app = createApp({})
app.use(PktVue)
/* eller kun individuelle komponenter (med ikoner)*/
import { createApp } from 'vue'
import { PktHeader, PktFooter, PktIcon } from '@oslokommune/punkt-vue'
const app = createApp({})
app.component('pkt-header', PktHeader)
app.component('pkt-footer', PktFooter)
app.component('pkt-icon', PktIcon)
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.
For beskrivelse av hvordan ta i bruk hver enkelt komponent se om komponenter.
Punkt bruker Semantic Versioning 2.0.0 for versjonering av pakkene.
Punkt
er distribuert under MIT-lisens for åpen kildekode.