Mengapa saya tidak boleh mengakses useAsyncData untuk pernyataan if dalam teg tetapan skrip Nuxt 3?

Question

Saya menggunakan API Prismik untuk mendapatkan beberapa data yang ingin saya paparkan dalam templat Nuxt3.

Semuanya berfungsi dengan baik, saya hanya mahu menunjukkan halaman 404 apabila tiada data, bukan ralat 500. Saya menambah semakan untuk melihat sama ada data kosong:

    laluan const = useRoute()
    nama const = route.params.werke;
    const { klien } = usePrismic()
    const { data: kerja } = menunggu useAsyncData('kerja', () => klien.getByUID("kerja", nama))
    jika (!werk.uid) {
     buang createError({ statusCode: 404, statusMessage: 'Halaman Tidak Ditemui' })
    }



Masalahnya ialah dalam if (!werk.uid) bahagian werk.uid sentiasa kosong. Jadi saya sentiasa mendapat ralat 404. Dalam templat saya, werk.uid tidak kosong, jadi saya rasa ada masalah, pernyataan if tidak boleh mengakses pembolehubah const menggunakan useAsyncData? 
Ada idea? Dokumentasi rasmi mengesyorkan saya dengan cara yang sama: https://v3.nuxtjs.org/getting-started/error-handling/#example-1
            

Answer 1

Seseorang dalam forum Prism membantu saya mencari penyelesaian. Ini ialah isu khusus Vue 3:

Anda perlu menggunakan .nilai selepas kerja: (!werk.value)。而不仅仅是 (werk.anything)