 TRENDING ======================================= -->
    <h2 class="title">Trending</h2>    
    <gif-grid :gifs="trendingGifs"></gif-grid>

  </section>

  <!-- our javascript -->
  <script>
    Vue.component('gif-box', {
      props: ['gif'],
      template: `
        <div class="gif-box">
          <a :href="gif.url">
            <img class="gif-image" :src="gif.images.original.url">
          </a>
          <a 
            class="gif-user" 
            v-if="gif.user" 
            :href="gif.user.profi