Lulus prop berdasarkan ujian dalam sifat yang dikira

Question

Saya menghadapi masalah dengan ujian mudah dalam sifat computed()

const test = computed(() => {
  jika (process.client) {
    console.log('Bekerja. Adakah ia peranti mudah alih?', window.innerWidth < 768)
    tetingkap kembali.InnerWidth <
  } lain {
    console.log('Tidak berfungsi')
    kembali
  }
})

Hasil harta yang dikira sentiasa betul, tetapi saya mahu menggunakannya dalam templat di bawah untuk menghantar prop secara bersyarat.

Masalahnya ialah tanpa mengira hasilnya, brands.mobileLoaderImages sentiasa disalurkan sebagai prop kepada komponen saya dan saya tidak dapat mengetahui sebabnya. 
Saya cuba menggunakan teknik yang berbeza untuk menentukan saiz skrin selain daripada window.innerWidth, seperti modul khusus seperti @vueuse/core sama. Saya rasa masalahnya mungkin dari kitaran hayat Vue atau sesuatu? 
            

Answer 1

Adalah disyorkan untuk menggunakan useBreakpoints modul nuxtnya daripada VueUse:

const breakpoints = useBreakpoints()

const test  = breakpoints.smaller('md')