Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/kevinongko/vue-instagram

Instagram's feed fetcher component based on Vue.js
https://github.com/kevinongko/vue-instagram

instagram instagram-feed vue vue-instagram

Last synced: 13 days ago
JSON representation

Instagram's feed fetcher component based on Vue.js

Host: GitHub
URL: https://github.com/kevinongko/vue-instagram
Owner: kevinongko
License: mit
Created: 2017-01-20T02:49:40.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2023-01-04T21:49:57.000Z (over 1 year ago)
Last Synced: 2024-04-24T19:04:30.230Z (about 2 months ago)
Topics: instagram, instagram-feed, vue, vue-instagram
Language: Vue
Homepage: https://kevinongko.github.io/vue-instagram/
Size: 1.23 MB
Stars: 182
Watchers: 9
Forks: 38
Open Issues: 20
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-vue-refactor - vue-instagram
awesome-stars - vue-instagram
awesome-stars - vue-instagram
my-awesome-stars - kevinongko/vue-instagram - Instagram's feed fetcher component based on Vue.js (Vue)

README

        # vue-instagram

# Currently this library is unusable because of Instagram's API changes

[![npm](https://img.shields.io/npm/v/vue-instagram.svg)](https://www.npmjs.com/package/vue-instagram)

[![npm](https://img.shields.io/npm/dt/vue-instagram.svg)](https://www.npmjs.com/package/vue-instagram)

[![npm](https://img.shields.io/npm/dm/vue-instagram.svg)](https://www.npmjs.com/package/vue-instagram)

[![npm](https://img.shields.io/npm/l/vue-instagram.svg)](http://opensource.org/licenses/MIT)

Instagram's feed fetcher component based on [Vue](https://vuejs.org/).

Fetch instagram feed via [`GET /users/self`](https://www.instagram.com/developer/endpoints/users/)

**Works with Vue 2.***

## Demo

[My Instagram's feed](https://kevinongko.github.io/vue-instagram/)

## Installation

### Install via CDN

```html

  Vue.use(VueInstagram.default)

```

### Install via NPM

```sh

$ npm install vue-instagram --save

```

#### Register as Component

```js

import Vue from 'vue'

import VueInstagram from 'vue-instagram'

export default {

  name: 'App',

  components: {

    VueInstagram

  }

}

```

#### Register as Plugin

```js

import Vue from 'vue'

import VueInstagram from 'vue-instagram'

Vue.use(VueInstagram)

```

## Usage

Style your feeds using [scoped slot](https://vuejs.org/v2/guide/components.html#Scoped-Slots)

```vue

  

    

      
Loading, please wait...

    

    

       {{ props.feed.link }} 

    

    

       {{ props.error.error_message }} 

    

  

import VueInstagram from 'vue-instagram'

export default {

  name: 'App',

  components: {

    VueInstagram

  }

}

```

## 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](http://opensource.org/licenses/MIT)

## 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 :smiley:

- [One-time donation via Paypal](https://www.paypal.me/kevinongko)