open-index/open-npm huggingface dataset:
npm package: @oslokommune/oslo-designsystem-vue
Description: Oslo kommune - Oslo designsystem - Vue komponentbibliotek
Latest version: 0.12.2

## Bruk av @oslokommune/oslo-designsystem-vue

<a href="https://www.npmjs.com/package/@oslokommune/oslo-designsystem-vue" target="_blank"><img src="https://img.shields.io/npm/v/@oslokommune/oslo-designsystem-vue?logo=vue.js&label=vue2&style=for-the-badge&color=42b883" alt="Vue komponenter" /></a>

Oslo Designsystems UI komponenter for Vue 2.6+. Vue 3 støttes ikke på dette 
tidspunktet. Komponentene er laget for å fungere sammen med CSS fra 
designsystemet `@oslokommune/oslo-designsystem`.

## Forutsetninger

Peer dependencies: 
- nodejs `16.5`
- vue `>= 2.6.12 < 3.0.0`
- @oslokommune/oslo-designsystem `>= 0.14.0`

## 📄 Dokumentasjon [UNDER ARBEID]

Hver komponent vil være dokumentert på 
[nettsiden til designsystemet](https://designsystem.oslo.kommune.no),
på en stadig bedre måte.


## 🚀 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.

### 1. Installer komponentbiblioteket

```sh
npm add @oslokommune/oslo-designsystem-vue
```

### 2. Importer komponentene i appen

```js
/* src/main.js

Velg å installere hele bundlen */
import Vue from 'vue';
import OdsVue from '@oslokommune/oslo-designsystem-vue';

Vue.use(OdsVue);


/* eller kun individuelle komponenter */
import Vue from 'vue';
import { OdsHeader, OdsFooter } from '@oslokommune/oslo-designsystem-vue';

Vue.use(OdsHeader);
Vue.use(OdsFooter);
```

## Versjonering

Oslo Designsystem bruker [Semantic Versioning 2.0.0](https://semver.org/spec/v2.0.0.html) 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

`Oslo designsystem` er distribuert under [MIT-lisens](https://github.com/oslokommune/oslo-designsystem/blob/main/packages/ods-vue/LICENSE) for åpen kildekode.

![NPM License](https://img.shields.io/npm/l/@oslokommune/oslo-designsystem?style=for-the-badge)