Как запускать плагин, если width > 768px?

Question

[Martovitskiy]

Прошу помощи. Необходимо запускать плагин только если ширина экрана пользователя более 768px.

nuxt.config.js

module.exports = {
  plugins: {
     { src: '~plugins/fullpage-vue.js', ssr: false }
  },
  build: {
    vendor: [
      'axios',
      'fullpage-vue'
    ]
  }

fullpage.js

import Vue from 'vue'
import VueFullpage from 'fullpage-vue'

if (window.screen.availWidth >= 768) {
  Vue.use(VueFullpage)
}

Так не срабатывает.

Answer 1

[Nikita Velko]

Вы вообще понимаете, что если ваш сайт будут смотреть с самого обычного iPad, то достаточно будет его перевернуть в портретный режим и все, ваш сайт сломается?
Делать Vue.use() в зависимости от ширины экрана — это костыль. Подключать плагин вы должны в любом случае, а уже потом управлять его инициализацией и разрушением инстанса в какой-нибудь отдельной функции, которую вы подвяжете на resize эвент.
P.S. Ширина экрана, если что, window.innerWidth.

Comments

[Martovitskiy]

Nikita Velko Пожалуй Вы правы. Про портретный режим не подумал.

[Nikita Velko]

Martovitskiy, рад, что смог вас образумить. :)

[alex-1917]

а еще есть умники, которые зачем-то меняют мышкой размер окна браузера)))) тоже вам доставят головной боли))) хотя их всего один на 1млн пользователей))) тут в соседней теме крутится товарищ, вопрошая, почему некоторое количество неких неведомых сайтов ломаются, если окно браузера мышкой сжимать... ахахах

[Martovitskiy]

alex-1917, та есть и такие прошаренные, но я не думаю, что в процентном соотношении их наберется 5%, но учесть и это нужно)