open-index/open-npm huggingface dataset:
npm package: @paperlust/design-system
Description: paperlust design system config
Author: Harasya
Latest version: 1.1.8

# Design System

Design System is a configuration style tailwindcss for multi project.

## Installation

Use the package manager [nodejs](https://nodejs.org/dist/v14.16.0/node-v14.16.0-x64.msi/) to install Design System.

```bash
npm install @paperlust/design-system
```

## Usage

create postcss.config.js

```javascript
module.exports = {
  plugins: {
    tailwindcss: {
      config: './node_modules/@paperlust/design-system/tailwindcss-config.js',
    },
    autoprefixer: {},
  },
};
```

or you can include webpack mix

```javascript
mix.options({
  processCssUrls: false,
  postCss: [
    tailwindcss(
      './node_modules/@paperlust/design-system/tailwindcss-config.js'
    ),
  ],
});
```

create purge-config.js

```javascript
module.exports = {
  content: ['./public/**/*.html', './src/**/*.vue'],
};
```

```javascript
import ~/node_modules/@paperlust/design-system/assets/scss/app.scss
```

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @paperlust/item-design
Description: Item Design is a component vue for multi project.
Author: Harasya
Latest version: 1.3.1

# Item Design

Item Design is a component vue for multi project.

## Installation

Use the package manager [nodejs](https://nodejs.org/dist/v14.16.0/node-v14.16.0-x64.msi/) to install Item Design.

```bash
npm install @paperlust/item-design
```

## Usage

import package

```javascript
import VItem from '@paperlust/item-design';
```

import style from package

```javascript
import '@paperlust/item-design/dist/style.css';
```

Example:

```javascript
import store from './store';
import VItem from '@paperlust/item-design';

Vue.use(VItem, store);
```

add on your component vue

```html
<v-item :item="item" :configurations="configurations" />
```

## Props

| Name             | Type   | Default | Description                        |
| ---------------- | ------ | ------- | ---------------------------------- |
| `item`           | Object | {}      | Object data item for quick preview |
| `configurations` | Object | {}      | Options for quick preview          |

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @paperlust/quick-preview
Description: Quick Preview is a component vue for multi project.
Author: Harasya
Latest version: 1.4.5

# Quick Preview

Quick Preview is a component vue for multi project.

## Installation

Use the package manager [nodejs](https://nodejs.org/dist/v14.16.0/node-v14.16.0-x64.msi/) to install Quick Preview.

```bash
npm install @paperlust/quick-preview
```

## Usage

import package

```javascript
import VPreview from '@paperlust/quick-preview';
```

import style from package

```javascript
import '@paperlust/quick-preview/dist/style.css';
```

Example:

```javascript
import store from './store';
import VPreview from '@paperlust/quick-preview';

Vue.use(VPreview, store);
```

add on your component vue

```html
<v-preview :item="item" :configurations="configurations" />
```

## Event

| Name     | Description          |
| -------- | -------------------- |
| `closed` | Event Callback Close |
| `next`   | Event Callback next  |
| `prev`   | Event Callback prev  |
| `open`   | Event Callback open  |

## Props

| Name             | Type   | Default | Description                        |
| ---------------- | ------ | ------- | ---------------------------------- |
| `item`           | Object | {}      | Object data item for quick preview |
| `configurations` | Object | {}      | Options for quick preview          |

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @paperlust/slider
Description: Slider is a component vue for multi project.
Author: Harasya
Latest version: 1.1.2

# Slider

Slider is a component vue for multi project.

## Installation

Use the package manager [nodejs](https://nodejs.org/dist/v14.16.0/node-v14.16.0-x64.msi/) to install Slider.

```bash
npm install @paperlust/slider
```

## Usage

import package

```javascript
import vSlider from '@paperlust/slider';
```

import style from package

```javascript
import '@paperlust/slider/dist/style.css';
```

Example:

```javascript
import vSlider from '@paperlust/slider';
import '@paperlust/slider/dist/style.css';

export default {
  ....
  components: {
    vSlider
  },
  ....
}
```

add on your component vue

```html
<v-slider :data="items" :options="options" />
```

## Slots

| Name         | Description                       |
| ------------ | --------------------------------- |
| `prevArrow`  | Content to place arrow left       |
| `nextArrow`  | Content to place arrow right      |
| `top`        | Content to place above image      |
| `left-item`  | Content to place left item slide  |
| `right-item` | Content to place right item slide |
| `item`       | Content to place item image       |
| `bottom`     | Content to place below image      |

## Props

| Name      | Type   | Default                                                                                   | Description                |
| --------- | ------ | ----------------------------------------------------------------------------------------- | -------------------------- |
| `data`    | Array  | {}                                                                                        | Array data item for slider |
| `options` | Object | `{adaptiveHeight: true, infinite: false,arrows: true,slidesToShow: 4, slidesToScroll: 1}` | Options for slider         |

## Custom Slider

Can you update this component slider use this documentation [vue-slick-carousel](https://github.com/gs-shop/vue-slick-carousel)

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @papermana/eslint-config-personal
Description: Just my personal ESLint config
Author: papermana
Latest version: 2.0.0

# eslint-config-personal
Just my personal ESLint config.

## Is it up to date?
The rules were last revised for versions:
  * `eslint` 3.3.1
  * `eslint-plugin-react` 6.1.2
  * `eslint-plugin-react-native` 2.0.0

## Usage
1. Save this config, as well as the ESLint package:
```
npm i --save-dev eslint @papermana/eslint-config-personal
```

2. Save any plugins you might need (optional):
```
npm i --save-dev eslint-plugin-react eslint-plugin-react-native
```

3. In the project's ESLint configuration add the imported config(s) to the `extend` property:
```
"extends": "@papermana/eslint-config-personal"
```
```
"extends": [
    "@papermana/eslint-config-personal",
    "@papermana/eslint-config-personal/react"
  ],
```
npm package: @papermana/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 3.4.1-1

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @papermark/react-notion-x
Description: Fast and accurate React renderer for Notion.
Author: Marc Seitz
Latest version: 6.16.3

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# React Notion X

> Fast and accurate React renderer for Notion.

[![NPM](https://img.shields.io/npm/v/react-notion-x.svg)](https://www.npmjs.com/package/react-notion-x) [![Build Status](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml/badge.svg)](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Docs

See the [full docs](https://github.com/NotionX/react-notion-x).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>