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 @@
[](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
-
+
@@ -48,12 +48,13 @@ Display the component using [scoped slots.](https://vuejs.org/v2/guide/component
```
+> :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;