From 1453664ef26f9ab0a6540a2ade5f86b250ddd2b5 Mon Sep 17 00:00:00 2001 From: Robbin Johansson Date: Wed, 4 Apr 2018 21:50:32 +0200 Subject: [PATCH] Update to v2 api --- CHANGELOG.md | 8 ++++++++ README.md | 9 +++++---- __tests__/vuebbbleComponent.test.js | 2 +- dist/index.js | 7 +------ docs/build/app.js | 7 +------ docs/index.html | 3 +-- package.json | 2 +- src/components/Vuebbble.vue | 7 +------ 8 files changed, 19 insertions(+), 26 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4673fc07..fd8f375b 100755 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,14 @@ All notable changes to `vuebbble` will be documented in this file. +## [2.6.0] - TBA + +### Changed +- Updated to dribbble `v2` API (v1 deprecated). + +### Removed +- Removed prop: `user`, no longer used in `v2` API. + ## [2.5.0] - 2018-03-20 ### Changed diff --git a/README.md b/README.md index 836dc4e8..1bbe578e 100755 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ [![Build Status](https://img.shields.io/travis/robbinfellow/vuebbble/master.svg?style=flat-square)](https://travis-ci.org/robbinfellow/vuebbble) # Vuebbble -Vue component to easily display dribbble shots from a user. +Vue component to easily display dribbble shots from a user using the `v2` API. ## Demo @@ -40,7 +40,7 @@ Display the component using [scoped slots.](https://vuejs.org/v2/guide/component ```html ``` +> :mag: Inspect the component using Vue devtools to see all available data from the response. + ## Available properties Prop | Data Type | Required | Default | Description -------------- | ---------- | --------- | ------- | ----------- -`token` | String | `true` | | Application client access token -`user` | String | `true` | | User to display shots from +`token` | String | `true` | | Application access token `count` | Number | `false` | 5 | Number of shots to fetch ## Changelog diff --git a/__tests__/vuebbbleComponent.test.js b/__tests__/vuebbbleComponent.test.js index 99ebc01d..a699233f 100755 --- a/__tests__/vuebbbleComponent.test.js +++ b/__tests__/vuebbbleComponent.test.js @@ -7,7 +7,7 @@ describe('Vuebbble', () => { beforeEach(() => { document.body.innerHTML = `
- +
`; }); diff --git a/dist/index.js b/dist/index.js index 11409810..faeaeea3 100644 --- a/dist/index.js +++ b/dist/index.js @@ -1864,7 +1864,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_ exports.default = { name: 'vuebbble', - mounted: function mounted() { this.get(); }, @@ -1881,10 +1880,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_ type: String, required: true }, - user: { - type: String, - required: true - }, count: { type: Number, default: 5, @@ -1895,7 +1890,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_ get: function get() { var _this = this; - this.url = 'https://api.dribbble.com/v1/users/' + this.user + '/shots/?access_token=' + this.token + '&per_page=' + this.count; + this.url = 'https://api.dribbble.com/v2/user/shots?access_token=' + this.token + '&per_page=' + this.count; _axios2.default.get(this.url).then(function (response) { _this.shots = response.data; }).catch(function (error) { diff --git a/docs/build/app.js b/docs/build/app.js index c472746d..2bcf6b99 100644 --- a/docs/build/app.js +++ b/docs/build/app.js @@ -12895,7 +12895,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_ exports.default = { name: 'vuebbble', - mounted: function mounted() { this.get(); }, @@ -12912,10 +12911,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_ type: String, required: true }, - user: { - type: String, - required: true - }, count: { type: Number, default: 5, @@ -12926,7 +12921,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_ get: function get() { var _this = this; - this.url = 'https://api.dribbble.com/v1/users/' + this.user + '/shots/?access_token=' + this.token + '&per_page=' + this.count; + this.url = 'https://api.dribbble.com/v2/user/shots?access_token=' + this.token + '&per_page=' + this.count; _axios2.default.get(this.url).then(function (response) { _this.shots = response.data; }).catch(function (error) { diff --git a/docs/index.html b/docs/index.html index 6ba79c78..bece504c 100755 --- a/docs/index.html +++ b/docs/index.html @@ -12,8 +12,7 @@
diff --git a/package.json b/package.json index f1791080..1216c19c 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vuebbble", - "version": "2.5.0", + "version": "2.6.0", "description": "Vue component to easily display dribbble shots from a user", "main": "dist/index.js", "jsnext:main": "src/index.js", diff --git a/src/components/Vuebbble.vue b/src/components/Vuebbble.vue index fb8f1998..e6170041 100755 --- a/src/components/Vuebbble.vue +++ b/src/components/Vuebbble.vue @@ -12,7 +12,6 @@ import axios from 'axios'; export default { name: 'vuebbble', - mounted() { this.get(); }, @@ -28,10 +27,6 @@ export default { type: String, required: true, }, - user: { - type: String, - required: true, - }, count: { type: Number, default: 5, @@ -40,7 +35,7 @@ export default { }, methods: { get() { - this.url = 'https://api.dribbble.com/v1/users/' + this.user + '/shots/?access_token=' + this.token + '&per_page=' + this.count; + this.url = 'https://api.dribbble.com/v2/user/shots?access_token=' + this.token + '&per_page=' + this.count; axios.get(this.url) .then(response => { this.shots = response.data;