<commit_before>[![npm](https://img.shields.io/npm/v/vuebbble.svg)](https://www.npmjs.com/package/vuebbble)
[![npm](https://img.shields.io/npm/dt/vuebbble.svg)](https://www.npmjs.com/package/vuebbble)
[![npm](https://img.shields.io/npm/l/vuebbble.svg)](https://www.npmjs.com/package/vuebbble)

# Vuebbble
Vue component to easily display dribbble shots from a user.

## Installation
```shell
$ yarn add vuebbble --dev
# or ...
$ npm i vuebbble --save-dev
```

#### Setup:

```javascript
// register the plugin
import Vue from 'vue'
import Vuebbble from 'vuebbble'

Vue.use(Vuebbble)

// ... or register the component manually
import Vue from 'vue'
import { Vuebbble } from 'vuebbble'

Vue.component('vuebbble', Vuebbble)
```

## Usage

Display the component using [scoped slots.](https://vuejs.org/v2/guide/components.html#Scoped-Slots)

```vue
<template>
    <vuebbble token="CLIENT_ACCESS_TOKEN" user="USERNAME" :count="6">
        <template slot="shots" slot-scope="props">
            <img :src="props.shot.images.hidpi" :alt="props.shot.title">
        </template>
    </vuebbble>
</template>
```

## Available properties

Prop           | Data Type  | Required  | Default   | Description
-------------- | ---------- | --------- | -------   | -----------
`token`        | String     | `true`    |           | Application client access token
`user`         | String     | `true`    |           | User to display shots from
`count`        | Number     | `false`   |           | Number of shots to fetch

## Author

<NAME> \<<EMAIL>>.

[![Buy Me A Coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/robbinfellow)

## License

Vuebbble is an open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT).
<commit_msg>Add demo<commit_after>[![npm](https://img.shields.io/npm/v/vuebbble.svg)](https://www.npmjs.com/package/vuebbble)
[![npm](https://img.shields.io/npm/dt/vuebbble.svg)](https://www.npmjs.com/package/vuebbble)
[![npm](https://img.shields.io/npm/l/vuebbble.svg)](https://www.npmjs.com/package/vuebbble)

# Vuebbble
Vue component to easily display dribbble shots from a user.

[Live Demo](https://robbinfellow.github.io/vuebbble/)

## Installation
```shell
$ yarn add vuebbble --dev
# or ...
$ npm i vuebbble --save-dev
```

#### Setup:

```javascript
// register the plugin
import Vue from 'vue'
import Vuebbble from 'vuebbble'

Vue.use(Vuebbble)

// ... or register the component manually
import Vue from 'vue'
import { Vuebbble } from 'vuebbble'

Vue.component('vuebbble', Vuebbble)
```

## Usage

Display the component using [scoped slots.](https://vuejs.org/v2/guide/components.html#Scoped-Slots)

```vue
<template>
    <vuebbble token="CLIENT_ACCESS_TOKEN" user="USERNAME" :count="6">
        <template slot="shots" slot-scope="props">
            <img :src="props.shot.images.hidpi" :alt="props.shot.title">
        </template>
    </vuebbble>
</template>
```

## Available properties

Prop           | Data Type  | Required  | Default   | Description
-------------- | ---------- | --------- | -------   | -----------
`token`        | String     | `true`    |           | Application client access token
`user`         | String     | `true`    |           | User to display shots from
`count`        | Number     | `false`   |           | Number of shots to fetch

## Author

<NAME> \<<EMAIL>>.

[![Buy Me A Coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/robbinfellow)

## License

Vuebbble is an open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT).

{'fraction_non_alphanumeric': 0.18910782703886153, 'fraction_numerical': 0.0010946907498631637, 'mean_word_length': 2.909090909090909, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, 'https://': 19, 'lorem ipsum': 0, 'www.': 10, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2158053', 'n_tokens_mistral': 1290, 'n_tokens_neox': 1219, 'n_words': 253}