title: Vue-Paginate how to import and use?
body: <p>I currently have a basic pagination system. But am looking to make it a little more complex by using - <a href="https://github.com/lokyoung/vuejs-paginate#readme" rel="nofollow noreferrer">https://github.com/lokyoung/vuejs-paginate#readme</a> </p>
  
  <p>But for some reason, I just cannot get it to work!</p>
  
  <p>Right now, my working code looks like this - </p>
  
  <pre><code>&lt;div v-if="totalPages() &gt; 1" class="pagination-wrapper"&gt;
      &lt;!-- &lt;span v-if="showPreviousLink()" class="pagination-btn" v-on:click="updatePage(currentPage - 1)"&gt;&lt;&lt;/span&gt; --&gt;
  
      &lt;!-- &lt;span v-if="showNextLink()" class="pagination-btn" v-on:click="updatePage(currentPage + 1)"&gt;&gt;&lt;/span&gt; --&gt;
  
  
      &lt;div class="page-buttons-wrapper"&gt;
          &lt;button v-if="currentPage &gt; 0" class="page-button" v-on:click="updatePage(currentPage - 1)"&gt;&lt;p class="light semibold"&gt;&lt;&lt;/p&gt;&lt;/button&gt;
  
          &lt;button class="page-button" v-for="(page, index) in totalPages()" :key="index" v-on:click="updatePage(index)"&gt;
              &lt;p class="light semibold"&gt;{{ index + 1}}&lt;/p&gt;
          &lt;/button&gt;
  
          &lt;button v-if="currentPage &lt; totalPages() - 1 " class="page-button" v-on:click="updatePage(currentPage + 1)"&gt;&lt;p class="light semibold"&gt;&gt;&lt;/p&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="page-count"&gt;
          &lt;h6 class="dark-grey"&gt;Page {{ currentPage + 1}} of {{ totalPages() }}&lt;/h6&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Essentially, there is a +1 for next, -1 for previous and "go to page X" per button. Which is fine. But I want to make it a bit more future proof (hence the hopes to use the above mentioned package.</p>
  
  <p>The issue is, after installing via NPM and using even their basic text/example I cannot get it to work. (their demo is here <a href="https://jsfiddle.net/lokyoung/u3u3nzns/" rel="nofollow noreferrer">https://jsfiddle.net/lokyoung/u3u3nzns/</a>, even when copying it line for line I just cannot get it to work) </p>
  
  <p>I am thinking maybe there is a specific way to use it? copying my code would basically just be the same as theirs on the demo. So no idea why it wont do anything :s </p>