Küçük bir javascript yardım isteği [r10+]

Merhaba, aşağıdaki koda responsive uygulamam gerekiyor.

768px üzeri ekranda perPage:2 olacak 768px altında perPage:1 olacak şeklinde.

Kodu tam olarak düzenleyecek yardım sever arkadaş var mıdır?

            var doubleSlider = document.querySelectorAll('.double-slider');
            if(doubleSlider.length){
                doubleSlider.forEach(function(e){
                     var double = new Splide( '#'+e.id, {
                        type:'loop',
                        autoplay:true,
                        interval:4000,
                        arrows:false,
                        perPage: 2,
                    }).mount();
                });
            }

var doubleSlider = document.querySelectorAll('.double-slider');
var pagePer = (window.innerWidth <= 768) ? 1 : 2;
if(doubleSlider.length){
    doubleSlider.forEach(function(e){
         var double = new Splide( '#'+e.id, {
            type:'loop',
            autoplay:true,
            interval:4000,
            arrows:false,
            perPage: pagePer,
        }).mount();
    });

bu şekilde olur sanırım.

var doubleSlider = document.querySelectorAll('.double-slider');
if(doubleSlider.length){
    doubleSlider.forEach(function(e){
         var double = new Splide( '#'+e.id, {
            type:'loop',
            autoplay:true,
            interval:4000,
            arrows:false,
            perPage: window.innerWidth < 768  ? 1 : 2
        }).mount();
    });
}

çok teşekkür ediyorum hocam
sizin kodunuz çalışmadı hocam