Slick Carousel - issue with custom pagination when only one slide

Using the "slide indicator dots" to display custom pagination. Unfortunately, the custom pagination is hidden if there is only one slide.

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.css">
<div id="carousel" class="slider">
  <div class="slider-item">Slide nb 1</div>
</div>

CSS

.slider-item-1{
  width: 98%; /* fallback if needed */
  width: calc(100% - 10px); /* 10px -> 2 x border */
}

.slider-item {
  border: 5px solid #333;
  background: #ccc;
  height: 200px;
  font-size: 72px;
  text-align: center;
  line-height: 200px;
}
/* Slider arrows */
.slick-arrow {
  z-index: 9;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}
/* END: Slider arrows */

JavaScript

$(document).ready(function() {
  var slickOpts = {
    slidesToShow: 1,
    slidesToScroll: 1,
    centerMode: false,
    easing: 'swing', // see http://api.jquery.com/animate/
    speed: 700,
    dots: true,
    customPaging: function(slick,index) {
        return '<a>' + (index + 1) + '</a>';
    }
  };
  // Init slick carousel
  $('#carousel').slick(slickOpts);
  
  if($('.slider-item').length == 1){
  	$('#carousel').slick('slickSetOption', 'slidesToShow', 0 , true)
    							.find('.slider-item').addClass('slider-item-1');
    $('.slick-dots a').on('click', function(){
    	return false;
    });
  }
});