Swiper SliderImages - trouble setting effect (flynt 2.0)

[Iain-g]

I'm trying to set the fade effect on slide transitions - I assumed I set this in the script.js within the SliderImages component? Here's what I've got:

`import { buildRefs, getJSON } from '@/assets/scripts/helpers.js'
import Swiper from 'swiper'
import { Autoplay, A11y, EffectFade, Navigation } from 'swiper/modules'
import 'swiper/css'
import 'swiper/css/autoplay'
import 'swiper/css/a11y'
import 'swiper/css/effect-fade'
import 'swiper/css/navigation'

export default function (el) {
const refs = buildRefs(el)
const data = getJSON(el)

const swiper = initSlider(refs, data)

return () => swiper.destroy()
}

function initSlider (refs, data) {
const { options } = data
const config = {
modules: [Autoplay, A11y, EffectFade, Navigation],
a11y: options.a11y,
effect: 'fade',
roundLengths: true,
navigation: {
nextEl: refs.next,
prevEl: refs.prev
}
}
if (options.autoplay && options.autoplaySpeed) {
config.autoplay = {
delay: options.autoplaySpeed
}
}

return new Swiper(refs.slider, config)
}`

This isn't affecting things - do I need to do something else as well or have I just got this wrong?