LimeUI

A lightweight Vue.js UI toolkit

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

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

Vue.use(LimeUI);

Example

<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

{
  "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.

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

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