Как запустить Swiper на Nuxt (Vue) без компонента под Vue?

Question

[Max89]

Здравствуйте. Можно ли запустить Swiper без отдельных компонентов в Nuxt? Устанавливаю вот так $ npm install swiper. В Swiper vue не все работает.

Answer 1

[Kotaro Hiba]

Да так же как и на ванильном JS, в компоненте в хуке mount работай как указано в доке.
Если у тебя ssr то можешь делать проверку, что бы код выполнялся только у клиента if (process.client) кажется.

const swiperContainer = this.$el.querySelector('swiper')
const swiper = new Swiper(swiperContainer, {
  speed: 400,
  spaceBetween: 100,
});

Компонент vue это в целом просто обычная обертка и ничего более, можешь для своего проекта самостоятельно сделать какую тебе нужно.