sliderProの画像が一枚のときに次にの→を非表示にする

実現したいこと

jqueryの.sliderProを使用して構築が完了していますが、画像が一枚だけの場合
紛らわしいので、次に行く→を消してほしいと要望がありました。

該当のソースコード

Vue.component('test,
    function(resolve) {
        $.ajax({
            url: setTemplatePath("test.html"),
            type:'GET',
            dataType:'html',
            cache: false,
            timeout:5000,
        })
        .then(
            function(html) { resolve({
                template: html,
                props: {
                    pictures: [],
                },
                data: function () {
                    return {
                    }
                },
                mounted: function () {
                    // 初期表示
                    this.$nextTick(function () {
                        // ビュー全体がレンダリングされた後にのみ実行されるコード
                        this.viewSlider;
                    })
                },
                computed: {
                    viewSlider: function () {
                          $('#thumb-v').sliderPro({
                            width: 984,//横幅
                            height: 668,//横幅
                            arrows: true,//左右の矢印
                            buttons: false,//ナビゲーションボタン
                            loop: true,//ループ
                            thumbnailsPosition: 'right',//サムネイルの位置
                            thumbnailPointer: true,//アクティブなサムネイルにマークを付ける
                            thumbnailWidth: 128,//サムネイルの横幅
                            thumbnailHeight: 96,//サムネイルの縦幅
                            breakpoints: {
                              1280: {//表示方法を変えるサイズ
                                thumbnailsPosition: 'bottom',
                                thumbnailWidth: 0,
                                thumbnailHeight: 0
                              }
                            }
                          });

                    }
                }
            });
        }).fail(function(data, textStatus, errorThrown){
            console.log(textStatus);
        });
    });