open-index/open-npm huggingface dataset:
npm package: @freshes/loading-icon
Description: Freshes loading icon
Author: Wu Qicheng
Latest version: 3.0.0-alpha.1

# @freshes/loadingIcon

### Base usage

Base usage use the freshes universal usage.

### Set custom icon in loading-icon globally

``` javascript
import options from '@freshes/options'
import customIcon from './customIcon.vue'

// Global use customIcon
options.set('loading', customIcon)
```

### Set custom icon in the specified loading-icon

``` vue
<template>
  <mn-loading-icon :icon="customIcon"></mn-loading-icon>
</template>

<script>
  import customIcon from './customIcon.vue'
  import loadingIcon from '@freshes/loadingIcon'

  export default {
    components: {
      ...loadingIcon.map()
    },
    data () {
      return {
        customIcon
      }
    }
  }
</script>
```

### Create many different loading-icons with custom icon by Mixins

``` javascript
// appLoadingIcon.vue
import customIcon from './customIcon.vue'
import loadingIcon from '@freshes/loadingIcon'

export default {
  name: 'app-loading-icon',
  mixins: [
    loadingIcon['mn-loading-icon']
  ],
  props: {
    icon: {
      type: Object,
      default () {
        const Component = Vue.extend(customIcon)
        return new Component().$mount()
      }
    }
  }
}
```

``` vue
<template>
  <app-loading-icon></app-loading-icon>
</template>

<script>
  import appLoadingIcon from './appLoadingIcon.vue'

  export default {
    components: {
      appLoadingIcon
    }
  }
</script>
```
npm package: @freshes/style-import-loader
Description: Auto import component style for webpack loader
Author: Wu Qicheng
Latest version: 0.4.0

# @freshes/style-import-loader

### Usage

``` bash
yarn add -D @freshes/style-import-loader
```

``` javascript
module: {
  rules: {
    test: /\.(js|vue)$/,
    use: [
      {
        loader: '@freshes/style-import-loader',
        options: {
          scoped: '@humans/[\\w-]+', // e.g. @human/icon
          style: 'dist/main.css' // e.g. @human/icon/dist/main.css
        }
      }
    ]
  }
}
```
npm package: @freshes/suite
Description: Wrap suite for @freshes components
Author: Wu Qicheng
Latest version: 1.0.1

# Suite

### Usage

``` shell
$ yarn add @freshes/suite
```

`humans.js`

``` javascript
import Vue from 'vue'
import { suite } from '@freshes/suite'
import { btn } from '@humans/btn'

Vue.use(suite(btn))
```

### Contribute

##### install

``` shell
$ yarn install
```

##### build the library

``` shell
$ yarn run build
```

##### test the library

``` shell
$ yarn test
```