open-index/open-npm huggingface dataset:
npm package: @sweetui/sweet-mobile-lib
Description: Geely Group Mobile Vue.js Component
Author: Geely SweetUI Group
Latest version: 1.0.3

# Sweet Mobile Component 移动端组件库

本文将介绍 @sweetui/sweet-mobile-lib 的安装方式和基本的用法。

### npm安装
```npm
npm i @sweetui/sweet-mobile-lib -S
```

**完整引入**

在 main.js 中写入以下内容：
```js
import Vue from 'vue'
import sweetMobileLib from '@sweetui/sweet-mobile-lib'
import '@sweetui/sweet-mobile-lib/css/index.less'
import App from './App.vue'

Vue.use(sweetMobileLib)

new Vue({
  el: '#app',
  render: h => h(App)
})
```

**按需引入**

接下来，如果你只希望引入部分组件，比如 Input 和 Group，那么需要在 main.js 中写入以下内容：

```js
import Vue from 'vue'
import { Input, Group } from '@sweetui/sweet-mobile-lib'
import App from './App.vue'

Vue.component(Input.name, Button)
Vue.component(Group.name, Select)

new Vue({
  el: '#app',
  render: h => h(App)
});
```
npm package: @sweetui/sweet-style
Description: Sweet UI v2.0 style module, base scss
Author: SweetUI Group
Latest version: 1.0.0

# Sweet UI 样式模块

> sweet-style 模块无法单独使用，请搭配 **SweetUI-loader** 进行使用
> 
> 基于element-ui 2.x版本

## 使用方法

1. 先import `config.scss`
2. 再import `index.scss`
npm package: @sweidac/peasy
Description: Make creating HTMLElements easy with the help of tag functions.
Author: Simon Weidacher
Latest version: 0.0.1

# Peasy - Makes Elements easy

Peasy is a [template string tagging function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates) that parses HTML from the template string and returns Elements.

This makes dynamic creation easy-peasy while being as lightweight as possible.

## Example

```javascript
import html from 'peasy';

const foo = html`<div class="foo"></div>`;

foo.innerText = 'i now have an element to interact with';

document.body.append(foo);
```

Of course, you can also go multiline:

```javascript
import html from 'peasy';

const multiline = html`
	<section class="deeper">
		<h1>Complicated Structure</h1>
		<p>Peasy removes empty whitespace between elements so you don't end up
		with nasty collapsed TextNodes.
		</p>
	</section>
	`;
```

It get's more fancy! Thanks to the magic of tagging functions, you can also append
other elements inline:

```javascript
import html from 'peasy';

const bar = html`<h2>Gnarly</h2>`;

const foo = html`
	<div class="foo">
		${bar /* bar is an actual Element! */}
	</div>
	`;
```