Comment désactiver le plugin vue.fullpage sur une requête media dans nuxt.js?

Question

J'ai un problème. Comment désactiver le plugin vue.fullpage sur une requête média dans nuxt.js? nuxt.config.js

module.exports = { 
    plugins: { 
    '~plugins/fullpage-vue.js' 
    } 
} 

FullPage-vue.js

import Vue from 'vue' 
import 'animate.css' 
import 'fullpage-vue/src/fullpage.css' 
import VueFullpage from 'fullpage-vue' 

if (screen && screen.width > 768) { 
    Vue.use(VueFullpage) 
} 

Alors ne fonctionne pas. erreur: l'écran un non défini

Answer 1

C'est m'aider.

if (screen.width > 768) { 
    Vue.use(VueFullpage) 
    console.log('fullPage init') 
} 

Ou peut-être si vous avez besoin SSR utiliser

if (process.browser) { 
    if (screen.width > 768) { 
     Vue.use(VueFullpage) 
     console.log('fullPage init') 
    } 
} 

Mais la meilleure idée est vraiment utiliser official vullpage qui a été publié en Janvier 2018.