vue-instagram

    3.0.0 • Public • Published

    vue-instagram

    npm npm npm npm

    Instagram's feed fetcher component based on Vue.

    Fetch instagram feed via GET /users/self

    Works with Vue 2.*

    Demo

    My Instagram's feed

    Installation

    Install via CDN

    <script src="https://unpkg.com/vue"></script>
    <script src="https://unpkg.com/vue-instagram"></script>
     
    <script>
      Vue.use(VueInstagram.default)
    </script> 

    Install via NPM

    $ npm install vue-instagram --save

    Register as Component

    import Vue from 'vue'
    import VueInstagram from 'vue-instagram'
     
    export default {
      name: 'App',
     
      components: {
        VueInstagram
      }
    }

    Register as Plugin

    import Vue from 'vue'
    import VueInstagram from 'vue-instagram'
     
    Vue.use(VueInstagram)

    Usage

    Style your feeds using scoped slot

    <template>
      <vue-instagram token="accessTokenHere" :count="5" :tags="['hashtag1', 'hashtag2']" mediaType="image">
        <template slot="feeds" slot-scope="props">
          <li class="fancy-list"> {{ props.feed.link }} </li>
        </template>
        <template slot="error" slot-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
    count Numbers of feed to fetch Number true
    tags Filter profile's feed by hastag Array false
    mediaType Filter profile's feed by media type: image or video String false

    License

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

    Support

    Hello, I'm Kevin the maintainer of this project in my free time (which is getting lessen these days), if this project does help you in any way please consider to support me. Thanks 😃

    Install

    npm i vue-instagram

    DownloadsWeekly Downloads

    345

    Version

    3.0.0

    License

    MIT

    Unpacked Size

    54.8 kB

    Total Files

    8

    Last publish

    Collaborators

    • kevinongko