Как подключить SwiperJS по npm на NuxtJS?

237
10 июня 2022, 10:10

Как подключить SwiperJS по npm на NuxtJS?

Answer 1

Устанавливаешь модуль: npm install swiper vue-awesome-swiper --save

Создаешь плагин: plugins/swiper.js

import Vue from 'vue'
import { Swiper as SwiperClass, Pagination, Navigation, Mousewheel, Autoplay } from 'swiper/swiper.esm'
import getAwesomeSwiper from 'vue-awesome-swiper/dist/exporter'
SwiperClass.use([Pagination, Mousewheel, Navigation, Autoplay])
Vue.use(getAwesomeSwiper(SwiperClass))

После этого добавляешь конфигурацию в nuxt.config.js

plugins: [
    { src: '~/plugins/swiper', mode: 'client' },
  ],

Подробнее тут: https://github.com/surmon-china/vue-awesome-swiper

READ ALSO
Анимировать выделение шрифта на кривой SVG

Анимировать выделение шрифта на кривой SVG

У меня есть текст, который движется по кругу SVG, и который масштабируется в зависимости от размера окна - Я хочу анимировать текст так, чтобы...

185
Увеличение переменной с input кнопкой - кастомный вариант?

Увеличение переменной с input кнопкой - кастомный вариант?

Как реализовать нативным JavaScript, чтобы я брал переменную с input и ещё увеличивал по клику на единицу? Обычный input type="number" не подходит, потому...

184
Webpack. Module parse failed: Unexpected token (1:0)

Webpack. Module parse failed: Unexpected token (1:0)

Попытка сборки проекта на вебпаке 54

180
Регистрация пользователя в приложении, использование нескольких аккаунтов

Регистрация пользователя в приложении, использование нескольких аккаунтов

В реализации приложения появилась трудностьМне нужно сделать систему регистрации, но смысла уходить в бек и курить spring и делать api не нужно

308