# Visma Nordic Cool 4 Vue.js UI Library

<img src="https://ux.visma.com/wp-content/uploads/2020/10/Teamwork-2@2x.png" alt="Nordic Cool Vue.js UI Library" />

Get started with the Nordic Cool Vue.js UI Library and experience well written, designed and tested front end code.

[View Documentation](https://storybook.pay-erp.int.test.visma.net/)

## Installation

After you've [created a Vue CLI Project](https://cli.vuejs.org/guide/creating-a-project.html), install the Nordic Cool Vue.js UI Library using the following command:

```bash
npm install @vismaux/nordic-cool-vue
```

## Integration

By running the command above, you have added the Nordic Cool Vue.js UI Library to your Vue CLI project. Next you need to:

- Import and integrate the `@vismaux/nordic-cool-vue` components plugin, and stylesheet inside in your `src/main.js`:

```js
import { createApp } from "vue";
import App from "@/App.vue";

import { Components } from "@vismaux/nordic-cool-vue";
import "@vismaux/nordic-cool-vue/dist/nordic-cool-vue.css";

createApp(App).use(Components).mount("#app");
```