title: GIPHY API returns the same results everytime
body: <p>I have this problem that the GIPHY API always returns the same results. And I'm quite sure this is not because I somehow store the previous result and post it again and again. For example, I type in 'dog' and ask for 5 results .. I get 5 dog gifs, then I refresh the page and repeat the process and get exactly the same gifs.</p>
  
  <p>Is there an elegant solution to get random gifs every time I make a request?</p>
  
  <p>The solution I thought of is: when I make a repeated request, I would request (under the hood) for 10 gifs and then would post on the page from these new 10 gifs just the 5 new ones but this solution can get quite messy when the amount of gifs needed will get larger.</p>
  
  <p>Here's my code so far:</p>
  
  <pre><code>    &lt;v-container&gt;
          &lt;v-layout text-center wrap&gt;
              &lt;v-flex xs12&gt;
                  &lt;v-img :src="require('../assets/logo.svg')" class="my-3" contain height="200"&gt;&lt;/v-img&gt;
              &lt;/v-flex&gt;
              &lt;v-text-field label="Search" outlined rounded v-model="searchText"&gt;&lt;/v-text-field&gt;
              &lt;v-btn outlined rounded block @click="findGIF"&gt;Search&lt;/v-btn&gt;
              &lt;div class="gifs" v-show="showGIFs" ref="gifs"&gt;
                  &lt;div v-for="(gif, index) in gifs" :key="index"&gt;
                      &lt;img class="gif" :src="gif.preview" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/v-layout&gt;
      &lt;/v-container&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      data: function() {
          return {
              searchText: "",
              gifs: [],
              index: 1,
              showGIFs: true
          };
      },
      methods: {
          async fetchGIFs(number) {
              let apiKey = "myKey"; // deleted to keep it private
              let searchEndPoint = "https://api.giphy.com/v1/gifs/search?";
              let limit = number;
              let gifsArray = [];
  
              let url = `${searchEndPoint}&amp;api_key=${apiKey}&amp;q=${this.searchText}&amp;limit=${limit}`;
  
              try {
                  let response = await fetch(url);
                  let json = await response.json();
  
                  json.data.forEach(gif =&gt; {
                      gifsArray.push({
                          url: gif.url,
                          preview: gif.images.preview_gif.url,
                          src: gif.images.original.url,
                          height: gif.images.original.height,
                          width: gif.images.original.width
                      });
                  });
  
                  return gifsArray;
              } catch (error) {
                  console.log("Ooops, take a look at this error: " + error);
              }
              return "I guess something didn't go right here";
          },
  
          findGIF() {
              let temp = [];
              (async () =&gt; {
                  try {
                      temp = await this.fetchGIFs(5);
                      this.gifs.push(...temp);
                  } catch (err) {
                      console.log("Have a look at this: " + err);
                  }
              })();
          }
      }
  };
  &lt;/script&gt;
  
  </code></pre>
  
  <p>Thank you!</p>