vue-instagram

vue-instagram

Fetch Instagram feed components based on Vue.

Installation

$ npm install vue-instagram --save

Usage

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

export default {
  name: 'App',

  components: {
    VueInstagram
  }
}
</script>

Props

  /*
   * 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
  },

License

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