Swiper not being loaded becasue of it's MIME type

[Xyeut]

Hey! I'm working with the latest version of both nuxt and nuxt-swiper, I'm encontering an issue, when I'm testing my site on firefox I get the error:

I've tried everything, however there's nothing specifc about this issue. I do notice that it works fine in chrome, and edge, however it's just firefox that's really getting this issue so far.

This is my swiper code:

                <Swiper :modules="[SwiperPagination, SwiperNavigation, SwiperAutoplay]" :loop="true"
                    :navigation="{ 'enabled': true, 'nextEl': '.testimonials__next', prevEl: '.testimonials__back' }"
                    :pagination="{
                        'enabled': true,
                        'el': '.testimonials__pagination'
                    }" :autoplay="{
    disableOnInteraction: false,
    delay: 3000
}" space-between="100px">
                    <SwiperSlide v-for=" testimonial  in  testimonials ">
                        <div class="card testimonial__card">
                            <p>{{ testimonial.message }}</p>

                            <div class="card__extra">
                                <div class="user">
                                    <h4>{{ testimonial.name }}</h4>
                                    <span> {{ testimonial.type }}</span>
                                </div>

                                <div class="stars">
                                    <NuxtImg v-for=" _  in  [...Array(5).keys()] " src="/svgs/star-filled.svg" width="24px"
                                        height="24px" />
                                </div>
                            </div>

                        </div>

                    </SwiperSlide>

and my config:

swiper: {
    modules: ["pagination", "navigation", "autoplay"],
  },

This is my result in chrome:
https://i.imgur.com/fKlfCbS.gif

Compared to firefox:
https://i.imgur.com/bRR8U6t.gif