Package Exports

vuebbble

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vuebbble) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Vuebbble

Vue component to easily display dribbble shots from a user using the v2 API.

Demo

Link

Installation

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

import Vue from 'vue';
import { Vuebbble } from 'vuebbble';

Vue.component('vuebbble', Vuebbble);

Alternatively using Vue.use() to register the component:

import Vuebbble from 'vuebbble';

Vue.use(Vuebbble);

Usage

Display the component using scoped slots.

<template>
    <vuebbble
        :token="token"
        :count="count"
    >
        <div slot="shot" slot-scope="{ shot }">
            <img :src="shot.images.hidpi" :alt="shot.title">
        </div>

        <!-- Optional: Custom error message markup -->
        <div slot="error" slot-scope="{ error }">
            {{ error }}
        </div>
    </vuebbble>
</template>

<script>
import { Vuebbble } from 'vuebbble';
Vue.component('vuebbble', Vuebbble);

export default {
    data() {
        return {
            token: 'ACCESS_TOKEN',
            count: 9,
        };
    },
};
</script>

🔍 Inspect the component using Vue devtools to see all available data from the response.

Available properties

Prop	Data Type	Default	Required	Description
`token`	String		`true`	Application access token
`count`	Number	5	`false`	Number of shots to fetch

Changelog

Please see CHANGELOG for more information what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Credits

License

The MIT License (MIT). Please see License File for more information.