open-index/open-npm huggingface dataset:
npm package: @jennyswift/feedback
Description: A Vue.js component for providing feedback to users and handling errors
Author: Jenny Swift
Latest version: 0.0.2

1. Register component.
```
Vue.component('feedback', require('@jennyswift/feedback'));
```

2. Add template such as:
```
<template id="feedback-template">
    <div id="feedback">
        <div
            v-for="feedback in feedbackMessages" track-by="$index"
            :class="feedback.type"
            class="feedback-message"
        >

            <ul>
                <li v-for="message in feedback.messages">
                    @{{ message }}
                </li>
            </ul>
        </div>
    </div>
</template>
```

3. Add styling

4. To use:
```
$.event.trigger('provide-feedback', [feedbackMessage, 'success']);
```
npm package: @jens-2020/fns
Description: React-pdf helper functions
Author: Diego Muracciole
Latest version: 2.0.0

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @jens-2020/fns

> React-pdf helper functions

## How to install
```sh
yarn add @jens-2020/fns
```
npm package: @jens-2020/font
Description: Register font and emoji source for react-pdf document
Author: Diego Muracciole
Latest version: 2.4.0

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @jens-2020/font
npm package: @jens-2020/image
Description: Parses the images in png or jpeg format for react-pdf document
Author: Diego Muracciole
Latest version: 2.2.0

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @jens-2020/image
npm package: @jens-2020/layout
Description: Resolve overall document component's layout
Author: Diego Muracciole
Latest version: 3.2.0

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @jens-2020/layout