vue-giphy

Load a random giphy image based on search query

Installation

# install with npm
npm install vue-giphy --save

var VueGiphy = require('vue-giphy')
Vue.use(VueGiphy)

Add as a component:

components: {
    VueGiphy
}

You can then show a GIF with:

<giphy query="<searchQuery>" apiKey="<yourGiphyAPIKey>"></giphy>

Replace with the phrase you want to show a GIPHY for. Replace with your API key which can be obtained from giphy developers site

A GIF will appear using the query string provided wherever you place the component.