<p></p>
<p align="center">
  <img alt="logo" src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-ui-m/static/online-vue-logo.png" height="32px" />
</p>

<h1 align="center">OKeeDesign Mobile Vue</h1>

<p align="center">OKeeDesign Mobile Vue is a mobile side component library based on OKeeDesign.</p>

<p align="center">
    <img src="https://img.shields.io/npm/v/@okee-uikit/m-vue" alt="npm version" />
    <img src="https://img.shields.io/github/workflow/status/oceanengine/okeedesign-mobile-vue/Node.js%20CI/main" alt="CI Status" />
    <img src='https://coveralls.io/repos/github/oceanengine/okeedesign-mobile-vue/badge.svg?branch=main' alt='Coverage Status' />
    <img src="https://img.shields.io/bundlephobia/min/@okee-uikit/m-vue" alt="min size" />
</p>

## Features

* Provide 36 highly qualified components, covering different situations on mobile side
* Components unit tests coverage is 70% to guarantee stability
* Support internationalization, compatible with Vue-i18n and support 16 different languages
* Support customizing brand name
* Support TypeScript
* Support customizing theme
* Support importing on demand

## Quick Preview

For more information, please refer to[Quick Start](https://okee.oceanengine.com/mobile/vue/#/zh-CN/intro). Scan QR code below to experience components function.

<img alt="qr code" src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-ui-m/static/opensource-online-vue.png" height="100px" />

## Run Locally node 8+

```
yarn
yarn dev
```

## Quick Start

```
npm install @okee-uikit/m-vue
```

Global Import

```javascript
import Vue from 'vue';
import '@okee-uikit/m-vue/lib/index.css';
import okui from '@okee-uikit/m-vue';

Vue.use(okui);
```

## License
OKeeDesign Mobile Vue MIT licensed.
