Fetch Instagram feeds component based on Vue.
[My Instagram's feed] (https://kevinongko.github.io/vue-instagram/)
$ npm install vue-instagram --save
Style your feeds using [scoped slot] (https://vuejs.org/v2/guide/components.html#Scoped-Slots)
<template>
<vue-instagram token="accessTokenHere" username="kevinongko" :count="5">
<template slot="feeds" scope="props">
<li class="fancy-list"> {{ props.feed.link }} </li>
</template>
<template slot="error" scope="props">
<div class="fancy-alert"> {{ props.error.error_message }} </div>
</template>
</vue-instagram>
</template>
<script>
import VueInstagram from 'vue-instagram'
export default {
name: 'App',
components: {
VueInstagram
}
}
</script>
/*
* Instagram access token.
*/
token: {
required: true,
type: String
},
/*
* Instagram username.
*/
username: {
required: true,
type: String
},
/*
* Numbers of feed.
*/
count: {
default: 3
required: false,
type: Number
},
Vue-Instagram is open-sourced software licensed under the MIT license