ご回答お願いします。slick.jsのunslickメソッドが効きません。

前提・実現したいこと

ここに質問したいことを詳細に書いてください
こんにちは。js初心者です。
現在slickのプラグインを使ってカルーセルを作成しており、
ウィンドウサイズで振り分けて、スマホサイズ時はカルーセルを実装、
PCサイズでは解除となるように設定をしたいと思っております。

発生している問題・エラーメッセージ

slickのオプションの中に'unslick'がありますが、それだけではPC時の解除が出来なかったため、
同じく備え付けのメソッドにて解除しようと思ったのですが、入力したところ、
'Uncaught ReferenceError: unslick is not defined'
というエラーメッセージが出てしまいました。

該当のソースコード

$(function(){
    'use strict';
    var slideElmt = $('.area_outview .area_contents'),
            maxWidth = 767,
      slickVar = {
                responsive:
                [{
                    breakpoint: 767,
                    settings:{
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        autoplay: false,
                        centerPadding: 0,
                        dots:  false,
                        arrows:  true,
                        infinite: false,
                        centerMode: false,
                        prevArrow: '<div class="prev_button">〈</div>',
                        nextArrow: '<div class="next_button">〉</div>'
                    }
                 },{
                    breakpoint: 1980,
                        settings:'unslick'
                }]
      },
      runSlick = function() {
       slideElmt.slick(slickVar);
      },
            unslick = function() {
                slideElmt.slick('unslick');
            };

      $(window).on('load resize', function(){    
        var width = window.innerWidth;
        if(width > maxWidth) {
                    unslick();
        }else{
                    runSlick();
                }
      });
    });

補足情報

公式サイトにも'unslick'のメソッドの記載が確かにあるので、
きっと単に私の書き方が悪いのだとは思うのですが。。。
もしお分かりの方がいらっしゃいましたら、ご教示いただけますと幸いです。
よろしくお願いいたします。