Réussir les accessoires basés sur des tests dans les propriétés calculées

Question

J'ai rencontré un problème avec un test simple dans la propriété computed()

const test = calculated(() => {
  si (processus.client) {
    console.log('Cela a fonctionné. Est-ce un appareil mobile ?', window.innerWidth < 768)
    retourner window.innerWidth <
  } autre {
    console.log('N'a pas fonctionné')
    retour
  }
})
Le résultat de la propriété calculée est toujours correct, mais je souhaite l'utiliser dans le modèle ci-dessous pour transmettre les accessoires de manière conditionnelle. 

Le problème est que quel que soit le résultat, brand.mobileLoaderImages est toujours transmis en tant qu'accessoires à mon composant et je n'arrive pas à comprendre pourquoi. 
J'ai essayé d'utiliser une technique différente pour déterminer la taille de l'écran autre que window.innerWidth, comme un module dédié comme @vueuse/core mais le résultat est le même. Je suppose que le problème pourrait provenir du cycle de vie de Vue ou quelque chose comme ça ? 
            

Answer 1

Il est recommandé d'utiliser useBreakpoints son module nuxt de VueUse :

const breakpoints = useBreakpoints()

const test  = breakpoints.smaller('md')