How to run plugin if width > 768px?

Question

JavaScript

Please help. It is necessary to run the plugin only if the user's screen width is more than 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)
}

That doesn't work.

Answer 1

Do you even understand that if your site is viewed from the most ordinary iPad, then it will be enough to turn it into portrait mode and that's it, your site will break?
To do Vue.use()depending on the width of the screen is a crutch. In any case, you must connect the plugin, and only then manage its initialization and destruction of the instance in some separate function that you tie to the resizeevent.
PS Screen width, if anything, window.innerWidth.