Register npm modules globaly in Alpinejs via alpine.store

app.js

// Import modules
import Swiper from 'swiper'

// Import alpine
import Alpine from 'alpinejs'
window.Alpine = Alpine

// Register module in alpines store
Alpine.store('Swiper', Swiper)

// Start alpine
Alpine.start()

swiper.blade.php

<div x-data="mySliderComponent">
  <div class="swiper">
    ...
  </div>
</div>

<script>
document.addEventListener('alpine:init', () => {
  Alpine.data('mySliderComponent', () => ({
    slider: null,
    init() {
      if(this.$refs.slider) {
        this.slider = new this.$store.Swiper(this.$refs.slider, {})
      }
    }
  })
})
</script>