# merchant-ui

> another light weight vue.js component library

Latest version **1.0.6** (published 2020-09-18) · ISC license · 0 weekly downloads

## Install

```sh
npm install merchant-ui
pnpm add merchant-ui
yarn add merchant-ui
bun add merchant-ui
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.6 |
| Published | 2020-09-18 |
| First published | 2020-09-01 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=8.9.1 |
| Dependencies | 9 |
| Unpacked size | 16.6 MB |
| Known vulnerabilities | 0 (+7 in 1 direct dependencies) |
| Install scripts | no |
| Author | ArronKler |
| Maintainers | ennis-mu |

## Links

- npm: https://www.npmjs.com/package/merchant-ui
- Repository: https://github.com/arronKler/merchant-ui
- Homepage: https://github.com/arronKler/merchant-ui#readme
- Issues: https://github.com/arronKler/merchant-ui/issues
- npm.io page: https://npm.io/package/merchant-ui

## Dependencies (9)

- [core-js](https://npm.io/package/core-js.md) 2.6.9
- [tinymce](https://npm.io/package/tinymce.md) ^5.4.2
- [webpack](https://npm.io/package/webpack.md) ^4.39.2
- [element-ui](https://npm.io/package/element-ui.md) ^2.13.2
- [webpack-cli](https://npm.io/package/webpack-cli.md) ^3.3.7
- [better-scroll](https://npm.io/package/better-scroll.md) ^2.0.3
- [async-validator](https://npm.io/package/async-validator.md) ^3.0.4
- [perfect-scrollbar](https://npm.io/package/perfect-scrollbar.md) ^1.5.0
- [@tinymce/tinymce-vue](https://npm.io/package/@tinymce/tinymce-vue.md) ^3.2.2

## Recent versions

- 1.0.6 (latest) — 2020-09-18
- 1.0.5 — 2020-09-18
- 1.0.4 — 2020-09-12
- 1.0.3 — 2020-09-12
- 1.0.2 — 2020-09-03
- 1.0.1 — 2020-09-03
- 1.0.0 — 2020-09-01

## README

<p align="center">
    <a>
        <img width="200" src="./assets/logo.png">
    </a>
</p>

<h1>
LimeUI
    <h3>A lightweight Vue.js UI toolkit</h3>
</h1>

# Install

Run the command below in your terminal to install limeUI first

```
npm install merchant-ui --save
```

# Usage

## Global Use

Import in your entry script file and register it

```javascript
import LimeUI from "merchant-ui";
import "merchant-ui/lib/styles/merchant-ui.css";

Vue.use(LimeUI);
```

### Example

```html
<l-button>click</l-button>
```

## On-demand Loading

Firstly, you should install `babel-plugin-component` in your project.

```
npm install babel-plugin-component
```

Configure your `.babelrc` file like this

```json
{
  "plugins": [
    [
      "component",
      {
        "libraryName": "merchant-ui",
        "libDir": "lib",
        "styleLibrary": {
          "name": "styles",
          "base": false, // no base.css file
          "path": "[module].css"
        }
      }
    ]
  ]
}
```

The you can import component on demand, and you don't need to care about importing styles, the babel plugin will do it automaticly.

```javascript
import Vue from "vue";
import { Button } from "merchant-ui";

Vue.component("a-button", Button);
```

---
_Source: https://npm.io/package/merchant-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._