vue-instagram

vue-instagram

Fetch Instagram feeds component based on Vue.

Works with Vue 2.*

Demo

My Instagram's feed

Installation

$ npm install vue-instagram --save

Usage

Style your feeds using scoped slot

<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>

Props

Props	Description	Type	Required
token	Instagram's access token	String	true
username	Instagram's username (token's owner)	String	true
count	Numbers of feed to fetch	Number	true

License

Vue-Instagram is open-sourced software licensed under the MIT license