open-index/open-npm huggingface dataset:
npm package: @nextindex/vue-gdpr
Description: Render Components for GDPR Law
Latest version: 0.1.8

# vue-gdpr

## Installation

```bash
npm install @nextindex/vue-gdpr --save
```

## Notice

`vue-gdpr` is internally using dynamic `import()` statements to load the corrisponding langauge.json with the law text. As how webpack works, it will create vendor chunks because of the `import()`. Which sounds generally good, because it reduces the bundle size. However, webpack can't properly resolve these imports later in the project where you are using this lib.
It will try to fetch the chunks based on the `publicPath` which in most project will be simply `/` . But the chunks are not automatically copied into it. So the loading of the chunks fails.

Currently the only workaround I've found is to publish the source files and let the user
import the vue components from the source files. Which also means that bundling / transpiling needs to be done in user-land.

GitHub Issue: https://github.com/webpack/webpack/issues/11127


## Setup

```js
// THIS IS CURRENTLY NOT WORKING. SEE https://github.com/webpack/webpack/issues/11127
import { GDPRSidebar, GDPRContent } from '@nextindex/vue-gdpr'
```

**Workaround**

```js
import GDPRSidebar from '@nextindex/vue-gdpr/src/components/GDPRSidebar.vue'
import GDPRContent from '@nextindex/vue-gdpr/src/components/GDPRContent.vue'
```

## Components

- `<GDPRSidebar />`
- `<GDPRContent />`

## Props

### GDPRContent

| Prop   |      Type      |  Default Value | Description
|----------|:-------------:|------|------|
| lang |  String | `de` | GDRP Language. Currently supported: de |
| citations |  Boolean | true | Show / Hide citations |
| recitals |  Boolean | true | Show / Hide recitals |

### GDPRSidebar

| Prop   |      Type      |  Default Value | Description
|----------|:-------------:|------|------|
| lang |  String | `de` | GDRP Language. Currently supported: de |
| collapsible |  Boolean | false | Enable/Disable Collapible sidebar items |

## Slots

### GDPRSidebar

```html
<GDPRSidebar>
    <template v-slot:chapter="{ chapter }">
        <h1>{{ chapter.title }}</h1>
    </template>
</GDPRSidebar>
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Run your unit tests
```
npm run test:unit
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @nextindex/vue-simple-accordion
Description: Accordion component in vue
Author: Jakub Juszczak
Latest version: 1.0.6
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# vue-simple-accordion

[![npm version](https://badge.fury.io/js/%40nextindex%2Fvue-simple-accordion.svg)](https://badge.fury.io/js/%40nextindex%2Fvue-simple-accordion) [![GitHub version](https://badge.fury.io/gh/nextindex%2Fvue-simple-accordion.svg)](https://badge.fury.io/gh/nextindex%2Fvue-simple-accordion) [![Build Status](https://travis-ci.org/nextindex/vue-simple-accordion.svg?branch=master)](https://travis-ci.org/nextindex/vue-simple-accordion) [![codecov](https://codecov.io/gh/nextindex/vue-simple-accordion/branch/master/graph/badge.svg)](https://codecov.io/gh/nextindex/vue-simple-accordion)


> Accordion component in vue

To be as flexible as possible, it contains only Accordion Items. You have to wrap it in a container and add your own styling.
Title and content will be set over slots, to provide a maximum flexebility for the accordion content.

## Install

`npm i @nextindex/vue-simple-accordion`

## Usage

```javascript
import AccordionItem from 'vue-simple-accordion'

export default {
  components: {
    AccordionItem
  }
}
```

## Templates & Slots

```html
<accordion-item variant="Accordion__item--small">
    <div slot="title">Hello</div>
    <div slot="icon"> <svg> .... </svg> </div>
    <div slot="content">
      <p>I am a hidden content</p>
    </div>
</accordion-item>
```

In addition you can use the `variant` prop to pass additional classes.

## Styling

Only a very basic styling is included. So you can style it yourself to match your style.
Some preset stylings will be included later.


### BEM Styles

```scss
.Accordion__item {}
.Accordion__heading {}
  .Accordion__title {}
  .Accordion__icon {
    &.is-open {}
  }
.Accordion__content {
  &.is-open {}
}
```

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test
```

For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).