title: Current slide number of total in Vue Slick Carousel
body: <p>I am trying to make current number and total number of slides  using vue-slick-carousel.
  This is what I tried so far.</p>
  <pre><code>&lt;VueSlickCarousel ref=&quot;carousel&quot;&gt;
  &lt;div&gt;1 &lt;button tabindex=&quot;-1&quot;&gt;11&lt;/button&gt;&lt;/div&gt;
  &lt;div&gt;2 &lt;button tabindex=&quot;-1&quot;&gt;22&lt;/button&gt;&lt;/div&gt;
  &lt;div&gt;3 &lt;button tabindex=&quot;-1&quot;&gt;33&lt;/button&gt;&lt;/div&gt;
  &lt;div&gt;4&lt;button tabindex=&quot;-1&quot;&gt;44&lt;/button&gt;&lt;/div&gt;
  &lt;/VueSlickCarousel&gt;
  
  
  methods: {
      customPaging: function (slider, i) {
        var slideNumber = i + 1,
          totalSlides = slider.slideCount;
        return (
          '&lt;a class=&quot;custom-dot&quot; role=&quot;button&quot; title=&quot;' + slideNumber + ' of ' + totalSlides + '&quot;&gt;&lt;span class=&quot;string&quot;&gt;' + slideNumber + '&lt;/span&gt;&lt;/a&gt;'
        );
      },
  },
  </code></pre>
  <p>But this is not working.</p>
  <p>And this is vue-slick-carousel API url below.</p>
  <p><a href="https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/API.md#methods" rel="nofollow noreferrer">https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/API.md#methods</a></p>
  <p>What do i need to fixed the code  to show a current slide number and total slide.
  ex) &quot;3/10&quot;</p>