Как отключить vue-fullpage на мобильном?

Question

[Martovitskiy]

Помогите отключить fullpage-vue на мобильном
fullpage-vue.js
import Vue from 'vue'
import 'animate.css'
import 'fullpage-vue/src/fullpage.css'
import VueFullpage from 'fullpage-vue'

Vue.use(VueFullpage)

Знаю, что необходимо использовать destroy. Не понимаю как условие привязать к ширине экрана

Answer 1

[Evgeny Kulakov]

Можете вот эту либу подключить: https://github.com/matthewhudson/device.js
При запуске посмотреть через нее какое у вас устройство и в зависимости от этого использовать fullpage или нет.

Comments

[Martovitskiy]

А может как то так? но что то неправильно пишу

if (window.width() <= 768) {
VueFullpage.destroy('all')
}

[Evgeny Kulakov]

Martovitskiy, А где вы это вызываете?

[alvvi]

Martovitskiy,
а что такое window.width() ?
если это jquery то должно быть $(window).width();
если js, window.innerWidth, например

[Evgeny Kulakov]

Martovitskiy, Еще убедитесь, что VueFullpage.destroy('all') это валидный вызов, из документации это не очевидно. И может вообще подумать над тем, если ли смысл добавлять плагин, а потом его убивать, может нужно сначала делать проверку, и на ее основании регистрировать или нет плагин.

[Martovitskiy]

Evgeny Kulakov, спасибо за подсказку. Разбираюсь.