# bootstrap4-components

## Instalacja

- `npm install`
- Jeżeli planujesz korzystać z monaco, to należy:
  - zainstalować paczkę z monaco (`npm install monaco-editor-webpack-plugin`)
  - do vue.config.js dodać konfigurację jak ta:

```js
const MonacoEditorPlugin = require('monaco-editor-webpack-plugin');

module.exports = {
  configureWebpack: {
    plugins: [new MonacoEditorPlugin({languages: ['json', 'javascript', 'css', 'html', 'typescript']})]
  }
};
```

## Komponenty

### `w-radio-list`, `WRadioList`

Lista radio, na podstawie property `values`

Lista radio

```HTML
<w-radio-list :model="$schema.FormaPrawna" title="To jest tytuł" :values="values"></w-radio-list>
```

Lista radio z polem do wpisania własnej wartości, pod etykietą `other-label`

```HTML
<w-radio-list other-label="Inne" :model="$schema.FormaPrawna" title="To jest tytuł" :values="values"></w-radio-list>
```

values są tablicą:

```JavaScript
values: [
    {
        value: 'Stowarzyszenie Rejestrowe',
        text: 'Stowarzyszenie rejestrowe'
    },
    {
        value: 'Stowarzyszenie Zwykłe',
        text: 'Stowarzyszenie zwykłe'
    }
]
```

## Project setup

```
npm install
```

### Kompilacja komponentów

```
npm run build
```

### Przeglądanie komponentów, storybook

```
npm run storybook
```

### Testy jednostkowe jest

```
npm run test:unit
```

### Budowanie i publikcaja

```
npm run fullPublish
```

### Run your unit tests

```
npm run test:unit
```