Integrate swiperjs in a custom column

Hey, the goal is to create a custom column like on this https://www.immoscout24.ch/fr/immobilier/louer/lieu-geneve
i have some problem with the integration of swiperjs https://swiperjs.com/swiper-api
from what i have understand and what i have done

npm install swiper

npm install swiper

and in

app.js

app.js

i add

import Swiper from 'swiper';
import { Navigation, Pagination } from 'swiper/modules';
// import Swiper and modules styles
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
window.Swiper = Swiper;

import Swiper from 'swiper';
import { Navigation, Pagination } from 'swiper/modules';
// import Swiper and modules styles
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
window.Swiper = Swiper;

but in my custom column impossible to create a new instance i always have Swiper not defined

@script
<script>
const swiper = new Swiper('.swiper');
</script>
@script

@script
<script>
const swiper = new Swiper('.swiper');
</script>
@script

Biens immobiliers à louer: Genève | ImmoScout24

Louer bien immobilier Genève: Trouvez le bien immobilier qui correspond à vos désirs sur ImmoScout24 - La plateforme de l'immobilier en Suisse.

Swiper

Swiper - The Most Modern Mobile Touch Slider

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

Filament•2y ago

Nuxnux

Integrate swiperjs in a custom column

npm install swiper

npm install swiper

and in

app.js

app.js

i add

import Swiper from 'swiper';
import { Navigation, Pagination } from 'swiper/modules';
// import Swiper and modules styles
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
window.Swiper = Swiper;

import Swiper from 'swiper';
import { Navigation, Pagination } from 'swiper/modules';
// import Swiper and modules styles
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
window.Swiper = Swiper;

but in my custom column impossible to create a new instance i always have Swiper not defined

@script
<script>
const swiper = new Swiper('.swiper');
</script>
@script

@script
<script>
const swiper = new Swiper('.swiper');
</script>
@script

Biens immobiliers à louer: Genève | ImmoScout24

Louer bien immobilier Genève: Trouvez le bien immobilier qui correspond à vos désirs sur ImmoScout24 - La plateforme de l'immobilier en Suisse.

Swiper

Swiper - The Most Modern Mobile Touch Slider

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

Integrate swiperjs in a custom column

Similar Threads

Integrate swiperjs in a custom column

Similar Threads

Similar Threads

Similar Threads