Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'. at w (utils.js:251:17) at J.mount (core.js:524:17) at J.init (core.js:534:28) at new J (core.js:222:14) at core.js:79:22 at NodeList.forEach () at new J (core.js:77:44) at index.html:82:24 w @ utils.js:251 mount @ core.js:524 init @ core.js:534 J @ core.js:222 (anonymous) @ core.js:79 J @ core.js:77 (anonymous) @ index.html:82

---------

A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. Starting in Chrome 101, the amount of information available in the User Agent string will be reduced. To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData. Note that for performance reasons, only the first access to one of the properties is shown. 1 source swiper-bundle.min.js:1

`<section class="swiper">
    <h2 class="swiper__title">ÚLTIMOS LANÇAMENTOS</h2>
    <!-- Slider main container -->
    <div class="swiper">
        <!-- Additional required wrapper -->
        <!-- If we need pagination -->
        <div class="swiper-pagination"></div>
        <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide"><img src="./assets/books/apacheKafka.svg" alt="Livro sobre Apache Kafka e Spring Boot"></div>
            <div class="swiper-slide"><img src="./assets/books/arquitetura.svg" alt="Livro sobre arquitetura de software distribuído"></div>
            <div class="swiper-slide"><img src="./assets/books/gestao.svg" alt="Livro sobre gestão de produtos"></div>
            <div class="swiper-slide"><img src="./assets/books/javascript.svg" alt="Livro sobre JavaScript Assertivo"></div>
            <div class="swiper-slide"><img src="./assets/books/lideranca.svg" alt="Livro sobre liderança em design"></div>
            <div class="swiper-slide"><img src="./assets/books/nodejs.svg" alt="Livro sobre Node.js"></div>
            <div class="swiper-slide"><img src="./assets/books/portugol.svg" alt="Livro sobre Portugol"></div>
            <div class="swiper-slide"><img src="./assets/books/reactNative.svg" alt="Livro sobre React Native"></div>
            <div class="swiper-slide"><img src="./assets/books/tuning.svg" alt="Livro sobre Tuning de SQL"></div>
        </div>

        <!-- If we need navigation buttons -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</section>

<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<script>
    const swiper = new Swiper('.swiper', {
        spaceBetween: 10,
        slidesPerView: 3,
        pagination: {
            el: '.swiper-pagination',
            type: 'bullets',
        },
    });
</script>`